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

luci-app-nlbw: simplify table CSS

Browse source 
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
(cherry picked from commit 6efaea2ffb)
This commit is contained in:
Jo-Philipp Wich 2020-03-25 12:48:11 +01:00
parent 8767267487
commit 6ca21c45f9
1 changed files with 10 additions and 69 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

79
applications/luci-app-nlbwmon/htdocs/luci-static/resources/view/nlbw.css
View file

@ -84,90 +84,31 @@
margin: 0; margin: 0;
} }
.table .th, .td.double > span {
.table .td {
padding: 1px 3px !important;
border: 1px solid #ddd;
}
.table .td > a {
display: block; display: block;
} }
.table .placeholder .td {
border: none;
}
.table .td.double {
padding: 0 !important;
}
.table .td.double > span {
display: block;
padding: 1px 3px;
}
.table .td.double > span:first-child {
border-bottom: 1px solid #ddd;
}
.cbi-tooltip { .cbi-tooltip {
box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000;
} }
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {
.table .tr { .td.hide-xs {
margin-bottom: 10px; display: none;
} }
.table .th, .td.double:not(.hide-xs) > span {
.table .td, .table .td.double { white-space: nowrap;
padding: 1px 3px !important; text-align: left;
flex-basis: 50%;
} }
.table .td, .table .td::before, .td.double:not(.hide-xs) > span:first-child::before {
.table .th, .table .th::before {
text-align: left !important;
font-size: 14px;
border: none;
}
#host-data .td.hostname {
flex-basis: 100%;
}
#ipv6-data .td.double > span {
padding: 0;
border-bottom: none;
}
#ipv6-data .td.double > span:first-child::before {
content: "IPv4: "; content: "IPv4: ";
font-style: italic; font-weight: bold;
font-size: 13px;
} }
#ipv6-data .td.double > span:last-child::before { .td.double:not(.hide-xs) > span:last-child::before {
content: "IPv6: "; content: "IPv6: ";
font-style: italic; font-weight: bold;
font-size: 13px;
}
.cbi-tooltip {
width: 100%;
pointer-events: auto;
box-shadow: 0 0 10px 5px #000;
border-radius: 0;
}
.cbi-tooltip .table .th,
.cbi-tooltip .table .td {
flex-basis: 16%;
min-width: 100px;
}
.head .kpi {
font-size: 14px;
} }
} }