mirror of
https://github.com/Karaka-Management/cssOMS.git
synced 2026-01-22 07:18:41 +00:00
Fix #8
This commit is contained in:
parent
00ee93ad82
commit
229629bda3
|
|
@ -32,6 +32,10 @@ form {
|
|||
height: 100%;
|
||||
background: #bebebe;
|
||||
}
|
||||
|
||||
table.layout {
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.layout td+td {
|
||||
padding-left: 5px;
|
||||
|
|
|
|||
83
styles.css
83
styles.css
|
|
@ -4744,16 +4744,18 @@ table.table {
|
|||
table.table .empty {
|
||||
text-align: center;
|
||||
color: #d8d8d8; }
|
||||
table.table tfoot label {
|
||||
float: left; }
|
||||
table.table tfoot select {
|
||||
width: auto;
|
||||
float: right;
|
||||
margin: 0;
|
||||
min-width: 0px; }
|
||||
table.table tfoot td {
|
||||
text-align: center;
|
||||
padding-top: 10px; }
|
||||
table.table tfoot {
|
||||
border: none; }
|
||||
table.table tfoot label {
|
||||
float: left; }
|
||||
table.table tfoot select {
|
||||
width: auto;
|
||||
float: right;
|
||||
margin: 0;
|
||||
min-width: 0px; }
|
||||
table.table tfoot td {
|
||||
text-align: center;
|
||||
padding-top: 10px; }
|
||||
|
||||
table.list th {
|
||||
text-align: left; }
|
||||
|
|
@ -4764,39 +4766,34 @@ table.list td {
|
|||
table.table {
|
||||
border: 0;
|
||||
width: 100%; }
|
||||
|
||||
table.table thead {
|
||||
display: none; }
|
||||
|
||||
table.table tr {
|
||||
display: block;
|
||||
margin-bottom: .625em; }
|
||||
|
||||
table.table td {
|
||||
border-left: 1px solid #b7b7b7;
|
||||
border-right: 1px solid #b7b7b7;
|
||||
display: block;
|
||||
font-size: .8rem;
|
||||
text-align: right;
|
||||
position: relative;
|
||||
height: 2rem;
|
||||
line-height: 2rem; }
|
||||
|
||||
table.table td:before {
|
||||
content: attr(data-label);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
margin-left: 20px;
|
||||
font-weight: bold;
|
||||
display: inline-block; }
|
||||
|
||||
table.table td:last-child {
|
||||
border-bottom: 1px solid #b7b7b7; }
|
||||
|
||||
table.table tbody tr {
|
||||
height: auto; } }
|
||||
table.table thead {
|
||||
display: none; }
|
||||
table.table tbody tr {
|
||||
height: auto;
|
||||
display: block;
|
||||
margin-bottom: .625em; }
|
||||
table.table tbody tr:last-child td {
|
||||
border-bottom: none; }
|
||||
table.table tbody tr:last-child td:last-child {
|
||||
border-bottom: 1px solid #b7b7b7; }
|
||||
table.table tbody td {
|
||||
border-left: 1px solid #b7b7b7;
|
||||
border-right: 1px solid #b7b7b7;
|
||||
display: block;
|
||||
font-size: .8rem;
|
||||
text-align: right;
|
||||
position: relative;
|
||||
height: 2rem;
|
||||
line-height: 2rem; }
|
||||
table.table tbody td:before {
|
||||
content: attr(data-label);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
margin-left: 20px;
|
||||
font-weight: bold;
|
||||
display: inline-block; } }
|
||||
.nobreak {
|
||||
white-space: nowrap; }
|
||||
|
||||
|
|
|
|||
71
table.scss
71
table.scss
|
|
@ -118,6 +118,8 @@ table.table {
|
|||
}
|
||||
|
||||
tfoot {
|
||||
border: none;
|
||||
|
||||
label {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -150,45 +152,48 @@ table.list {
|
|||
table.table {
|
||||
border: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table.table thead {
|
||||
display: none;
|
||||
}
|
||||
thead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
table.table tr {
|
||||
display: block;
|
||||
margin-bottom: .625em;
|
||||
}
|
||||
tbody {
|
||||
tr {
|
||||
height: auto;
|
||||
display: block;
|
||||
margin-bottom: .625em;
|
||||
|
||||
table.table td {
|
||||
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;
|
||||
}
|
||||
&:last-child td {
|
||||
border-bottom: none;
|
||||
|
||||
table.table td:before {
|
||||
content: attr(data-label);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
margin-left: 20px;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom: 1px solid $content-border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table.table td:last-child {
|
||||
border-bottom: 1px solid $content-border-color;
|
||||
}
|
||||
td {
|
||||
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 {
|
||||
height: auto;
|
||||
&:before {
|
||||
content: attr(data-label);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
margin-left: 20px;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user