Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-02-10 15:08:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix #8

Browse Source
This commit is contained in:
Dennis Eichhorn 2017-10-03 16:56:19 +02:00
parent 00ee93ad82
commit 229629bda3
3 changed files with 82 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
form.scss
View File

@ -32,6 +32,10 @@ form {
height: 100%; height: 100%;
background: #bebebe; background: #bebebe;
} }
table.layout {
table-layout: fixed;
}
.layout td+td { .layout td+td {
padding-left: 5px; padding-left: 5px;

83
styles.css
View File

@ -4744,16 +4744,18 @@ table.table {
table.table .empty { table.table .empty {
text-align: center; text-align: center;
color: #d8d8d8; } color: #d8d8d8; }
table.table tfoot label { table.table tfoot {
float: left; } border: none; }
table.table tfoot select { table.table tfoot label {
width: auto; float: left; }
float: right; table.table tfoot select {
margin: 0; width: auto;
min-width: 0px; } float: right;
table.table tfoot td { margin: 0;
text-align: center; min-width: 0px; }
padding-top: 10px; } table.table tfoot td {
text-align: center;
padding-top: 10px; }
table.list th { table.list th {
text-align: left; } text-align: left; }
@ -4764,39 +4766,34 @@ table.list td {
table.table { table.table {
border: 0; border: 0;
width: 100%; } width: 100%; }
table.table thead {
table.table thead { display: none; }
display: none; } table.table tbody tr {
height: auto;
table.table tr { display: block;
display: block; margin-bottom: .625em; }
margin-bottom: .625em; } table.table tbody tr:last-child td {
border-bottom: none; }
table.table td { table.table tbody tr:last-child td:last-child {
border-left: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; }
border-right: 1px solid #b7b7b7; table.table tbody td {
display: block; border-left: 1px solid #b7b7b7;
font-size: .8rem; border-right: 1px solid #b7b7b7;
text-align: right; display: block;
position: relative; font-size: .8rem;
height: 2rem; text-align: right;
line-height: 2rem; } position: relative;
height: 2rem;
table.table td:before { line-height: 2rem; }
content: attr(data-label); table.table tbody td:before {
position: absolute; content: attr(data-label);
left: 0; position: absolute;
top: 50%; left: 0;
transform: translateY(-50%); top: 50%;
margin-left: 20px; transform: translateY(-50%);
font-weight: bold; margin-left: 20px;
display: inline-block; } font-weight: bold;
display: inline-block; } }
table.table td:last-child {
border-bottom: 1px solid #b7b7b7; }
table.table tbody tr {
height: auto; } }
.nobreak { .nobreak {
white-space: nowrap; } white-space: nowrap; }

71
table.scss
View File

@ -118,6 +118,8 @@ table.table {
} }
tfoot { tfoot {
border: none;
label { label {
float: left; float: left;
} }
@ -150,45 +152,48 @@ table.list {
table.table { table.table {
border: 0; border: 0;
width: 100%; width: 100%;
}
table.table thead { thead {
display: none; display: none;
} }
table.table tr { tbody {
display: block; tr {
margin-bottom: .625em; height: auto;
} display: block;
margin-bottom: .625em;
table.table td { &:last-child td {
border-left: 1px solid $content-border-color; border-bottom: none;
border-right: 1px solid $content-border-color;
display: block;
font-size: .8rem;
text-align: right;
position: relative;
height: 2rem;
line-height: 2rem;
}
table.table td:before { &:last-child {
content: attr(data-label); border-bottom: 1px solid $content-border-color;
position: absolute; }
left: 0; }
top: 50%; }
transform: translateY(-50%);
margin-left: 20px;
font-weight: bold;
display: inline-block;
}
table.table td:last-child { td {
border-bottom: 1px solid $content-border-color; border-left: 1px solid $content-border-color;
} border-right: 1px solid $content-border-color;
display: block;
font-size: .8rem;
text-align: right;
position: relative;
height: 2rem;
line-height: 2rem;
table.table tbody tr { &:before {
height: auto; content: attr(data-label);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
margin-left: 20px;
font-weight: bold;
display: inline-block;
}
}
}
} }
} }