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; text-align: left;
color: $info; color: $info;
padding-right: 5px; padding-right: 5px;
font-size: .8em;
text-transform: uppercase;
letter-spacing: .5px;
} }
&:after { // &:after {
content: ""; // content: "";
border-bottom: 1px dashed $border; // border-bottom: 1px dashed $border;
display: block; // display: block;
margin: 5px 0; // padding: 5px 0;
} // }
&:last-child { &:last-child {
height: auto; height: auto;
} }
@ -105,11 +108,48 @@
td:nth-child(-n + 2) { td:nth-child(-n + 2) {
width: 50%; width: 50%;
float: right; float: right;
padding-top: 5px;
} }
td:nth-child(3) { td:nth-child(3) {
clear: both; 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 { .group-row {
clear: both; clear: both;
position: relative; position: relative;
display: inline-block;
width: 100%; width: 100%;
background: red; background: $table-bg-accent!important;
display: table;
> td { > td {
width: 24.25%; display: table-cell;
display: inline-block;
padding: 10px 0; padding: 10px 0;
&:after { &:after {
display: none; display: none;
} }
&:nth-child(4){
text-align: right;
}
} }
} }
tr.sub-row { tr.sub-row {