tothbt/code-cegled
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

money basics: create, update deposits

Browse Source 
deposit icon to user list
css modified, tablet view available
This commit is contained in:
Ricsi
2017-01-22 21:23:27 +01:00
parent c19957eaef
commit d73e0cce1a
13 changed files with 428 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
_css/default.css
View File

@@ -131,6 +131,29 @@ td.create a {
line-height: 18px;
font-size: 18px;
}
.list_item table.money {
width: 100%;
padding: 0px;
text-align: left;
}
.list_item table.money td.icon {
width: 25px;
padding: 0px;
}
.list_item table.money td.sum {
width: 1%;
white-space: nowrap;
}
.list_item table.money td.date {
text-align: right;
padding-right: 25px;
}
.list .name_tag {
text-align: left;
@@ -158,6 +181,11 @@ td.create a {
}
.user_mod_form {
width: 20px;
float: right;
}
.list {
clear: both;
}
@@ -178,13 +206,27 @@ td.create a {
border-left: 2px solid #000;
}
.list .list_item img, .list .name_tag img, .list .name_tag_checked img {
.list .list_item img, .list .name_tag img, .list .name_tag_checked img{
width: 20px;
height: 20px;
float: left;
margin-right: 5px;
}
.list .add_deposit {
position: relative;
top: -30px;
right: 10px;
cursor: pointer;
padding: 0px !important;
margin: 0px !important;
}
.list .add_deposit img {
width: 20px;
height: 20px;
}
.list a {
@@ -291,49 +333,21 @@ table.log tr.delete:hover {
@media (min-width: 680px) {
/* */
main #main_content, main #loading {
width: 80%;
margin: 0px auto;
}
.user_filter {
width: 90%;
}
.user_filter select {
width: 40%;
max-width: 200px;
}
.user_filter input {
width: 40%;
float: left;
margin: 0px 10px 0px 0px;
}
.danger {
width: 90%;
}
.list {
width: 40%;
}
.wide {
width: 80% !important;
}
.list .list_item, .list .name_tag, .list .name_tag_checked {
width: 100%;
}
.list_item label {
float: left;
padding-right: 5px;
}
.list .date_separator {
width: 100%;
@@ -341,4 +355,55 @@ main #main_content, main #loading {
}
@media (min-width: 1000px) {
.half_width {
width: 50% !important;
}
.list_item label {
float: left;
padding-right: 5px;
text-align: right;
}
.danger {
width: 90%;
}
.wide {
width: 80% !important;
}
.user_filter {
width: 90%;
}
.user_filter select {
width: 40%;
max-width: 200px;
}
.user_filter input {
width: 40%;
float: left;
margin: 0px 10px 0px 0px;
}
main #main_content, main #loading {
width: 80%;
margin: 0px auto;
}
.list {
width: 40%;
min-width: 400px;
}
.list .list_item, .list .name_tag, .list .name_tag_checked {
width: 100%;
}
}

11
_css/form.css
View File

@@ -126,7 +126,7 @@ input[type=email]:hover {
width: 100%;
}
}
@media (min-width: 1200px) {
@media (min-width: 1000px) {
form > div > label,
legend {
text-align: right;
@@ -136,4 +136,13 @@ input[type=email]:hover {
.form_wrapper {
width: 70%;
}
}
@media (min-width: 601px) {
form > div > label,
legend {
text-align: right;
padding-top: 5px;
float: left;
}
}

52
_css/nav.css
View File

@@ -55,43 +55,41 @@ ul.topnav span.mobile_logout {
display: none;
}
@media screen and (max-width:680px) {
@media screen and (max-width:1000px) {
ul.topnav li {display: none;}
ul.topnav li.login {display: inline-block;}
ul.topnav li.icon {
float: left;
display: inline-block;
}
}
@media screen and (max-width:680px) {
nav {
width: 100%;
}
ul.topnav.responsive {position: relative;}
nav {
width: 100%;
}
ul.topnav.responsive {position: relative;}
ul.topnav.responsive li {
float: none;
display: inline;
}
ul.topnav.responsive li a {
display: block;
text-align: left;
}
ul.topnav.responsive li {
float: none;
display: inline;
}
ul.topnav.responsive li a {
display: block;
text-align: left;
}
li.logout_mobile {
display: block;
}
ul.topnav li.logout {
display: none;
}
li.logout_mobile {
display: block;
}
ul.topnav li.logout {
display: none;
}
ul.topnav span.mobile_logout {
display: block;
position: absolute;
top: 15px;
right: 15px;
font-size: 16px;
ul.topnav span.mobile_logout {
display: block;
position: absolute;
top: 15px;
right: 15px;
font-size: 16px;
}