Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

luci-theme-openwrt: cleanup CSS

Browse source 
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2018-07-13 09:38:31 +02:00
parent 887d0a6859
commit 58cee79869
1 changed files with 34 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

74
themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css
View file

@ -692,6 +692,7 @@ table td, table th {
width: auto; width: auto;
margin-left: 0; margin-left: 0;
align-self: center; align-self: center;
vertical-align: middle;
} }
.cbi-value-description { .cbi-value-description {
@ -791,6 +792,13 @@ div.cbi-optionals {
.th.cbi-section-actions, .th.cbi-section-actions,
.td.cbi-section-actions { .td.cbi-section-actions {
overflow: visible;
align-self: center;
vertical-align: middle;
}
.th.cbi-section-actions > *,
.td.cbi-section-actions > * {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
flex-direction: row; flex-direction: row;
@ -798,14 +806,15 @@ div.cbi-optionals {
margin: auto -1px auto auto; margin: auto -1px auto auto;
} }
.td.cbi-section-actions > form { .td.cbi-section-actions > * > *,
display: flex; .td.cbi-section-actions > * > form > * {
flex: 1 1 4em;
margin: 0 1px;
} }
.td.cbi-section-actions > *, .td.cbi-section-actions > * > form {
.td.cbi-section-actions > form > * { display: flex;
flex: 1 1 4em; margin: 0;
margin: 1px;
} }
.cbi-page-actions { .cbi-page-actions {
@ -868,12 +877,13 @@ div.cbi-optionals {
content: attr(data-title) "\20"; content: attr(data-title) "\20";
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
display: inline-block; display: table-cell;
align-self: center; align-self: center;
flex: 1 1 5%; flex: 1 1 5%;
padding: .25em; padding: .25em;
white-space: normal; white-space: normal;
word-wrap: break-word; word-wrap: break-word;
vertical-align: middle;
} }
.cbi-value-helpicon img { .cbi-value-helpicon img {
@ -1167,29 +1177,17 @@ ul.cbi-tabmenu li.cbi-tab {
} }
.left, .left::before { .left, .left::before { text-align: left !important; }
text-align: left !important; .right, .right::before { text-align: right !important; }
} .center, .center::before { text-align: center !important; }
.right, .right::before { .top, .top::before { vertical-align: top !important; }
text-align: right !important; .middle, .middle::before { vertical-align: middle !important; }
} .bottom, .bottom::before { vertical-align: bottom !important; }
.center, .center::before { .td.top { align-self: flex-start; vertical-align: top; }
text-align: center !important; .td.middle { align-self: center; vertical-align: middle; }
} .td.bottom { align-self: flex-end; vertical-align: bottom; }
.td.bottom {
align-self: flex-end;
}
.td.top {
align-self: flex-start;
}
.td.middle {
align-self: center;
}
.luci { .luci {
position: absolute; position: absolute;
@ -1228,7 +1226,6 @@ ul.cbi-tabmenu li.cbi-tab {
border-radius: 3px; border-radius: 3px;
padding: 2px; padding: 2px;
background: #fff; background: #fff;
margin: .25em .5em;
} }
.ifacebox-head { .ifacebox-head {
@ -1280,7 +1277,7 @@ ul.cbi-tabmenu li.cbi-tab {
.network-status-table { .network-status-table {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin: -.25em; margin: -.25em -.25em .25em -.25em;
} }
.network-status-table .ifacebox { .network-status-table .ifacebox {
@ -1293,6 +1290,7 @@ ul.cbi-tabmenu li.cbi-tab {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1 0 auto; flex: 1 0 auto;
padding: .5em;
} }
.network-status-table .ifacebox-body > span { .network-status-table .ifacebox-body > span {
@ -1308,12 +1306,15 @@ ul.cbi-tabmenu li.cbi-tab {
.network-status-table .ifacebox-body .ifacebadge { .network-status-table .ifacebox-body .ifacebadge {
flex: 1; flex: 1;
-webkit-flex: 1 1 auto; -webkit-flex: 1 1 auto;
margin: .5em .25em .25em .25em;
padding: .5em; padding: .5em;
min-width: 220px; min-width: 220px;
white-space: nowrap; white-space: nowrap;
} }
.network-status-table .ifacebox-body .ifacebadge {
margin: .5em 0 0 0;
}
.zonebadge { .zonebadge {
padding: 2px; padding: 2px;
@ -1599,15 +1600,8 @@ ul.cbi-tabmenu li.cbi-tab {
display: block; display: block;
} }
.td.cbi-section-actions { .td[data-title] ~ .td.cbi-section-actions {
flex-basis: 100%; align-self: flex-end;
margin: auto -1px 0 auto;
}
.td.cbi-section-actions > *,
.td.cbi-section-actions > form > * {
flex: 0 1 100%;
max-width: 150px;
} }
.hide-sm, .hide-sm,