rancher
/
ui
mirror of https://github.com/rancher/ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

wip mobile tables

This commit is contained in:
lvuch 2017-08-25 15:35:34 -07:00
parent 049abae695
commit 8097f018d8
1 changed files with 55 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
app/styles/layout/_medium.scss
View File

@ -76,13 +76,16 @@
text-align: left;
color: $info;
padding-right: 5px;
font-size: .8em;
text-transform: uppercase;
letter-spacing: .5px;
}
&:after {
content: "";
border-bottom: 1px dashed $border;
display: block;
margin: 5px 0;
}
// &:after {
// content: "";
// border-bottom: 1px dashed $border;
// display: block;
// padding: 5px 0;
// }
&:last-child {
height: auto;
}
@ -105,11 +108,48 @@
td:nth-child(-n + 2) {
width: 50%;
float: right;
padding-top: 5px;
}
td:nth-child(3) {
clear: both;
padding-top: 5px;
background: red;
}
td:nth-child(4) {
background: tomato;
}
td:nth-child(5) {
background: turquoise;
> * {
display: inline-block;
vertical-align: middle;
font-size: 100%;
}
}
td:nth-child(6) {
background: yellow;
width:49.5%;
display: inline-block;
vertical-align: middle;
text-align: left;
> * {
display: inline-block;
}
}
td:nth-child(7) {
width: 49.5%;
display: inline-block;
background: lavender;
vertical-align: middle;
text-align: right;
}
> td {
padding: 10px !important;
display: block;
&:nth-child(odd) {
background: $table-bg-accent;
}
&:nth-child(even) {
background: lighten($table-bg-accent, 4);
}
}
}
}
@ -120,18 +160,21 @@
.group-row {
clear: both;
position: relative;
display: inline-block;
width: 100%;
background: red;
background: $table-bg-accent!important;
display: table;
> td {
width: 24.25%;
display: inline-block;
display: table-cell;
padding: 10px 0;
&:after {
display: none;
}
&:nth-child(4){
text-align: right;
}
}
}
tr.sub-row {