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

luci-theme-bootstrap: various style corrections

Browse source 
- Add proper top and bottom margin for tab descriptions
 - Allow flex wrapping for cbi-value rows
 - Ensure that nested table/grid sections always take the full width
 - Make table/grid section row action buttons are as narrow as possible

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2021-11-22 09:40:49 +01:00
parent f58ae7635c
commit b11a7d8e49
1 changed files with 9 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
View file

@ -515,11 +515,6 @@ fieldset legend {
padding-top: 20px; padding-top: 20px;
} }
form .cbi-tab-descr {
line-height: 18px;
margin-bottom: 18px;
}
label, label,
input, input,
button, button,
@ -533,11 +528,13 @@ textarea {
.cbi-value { .cbi-value {
display: flex; display: flex;
flex-wrap: wrap;
margin-bottom: 18px; margin-bottom: 18px;
} }
.cbi-value-field { .cbi-value-field {
margin-left: 20px; margin-left: 20px;
flex: 1;
} }
.cbi-value label.cbi-value-title { .cbi-value label.cbi-value-title {
@ -549,6 +546,10 @@ textarea {
color: var(--text-color-high); color: var(--text-color-high);
} }
.cbi-value > .cbi-tblsection {
width: 100%;
}
label > input[type="checkbox"], label > input[type="checkbox"],
label > input[type="radio"] { label > input[type="radio"] {
vertical-align: text-top; vertical-align: text-top;
@ -1241,8 +1242,8 @@ a.menu:after {
font-weight: bold; font-weight: bold;
} }
.cbi-tabcontainer > fieldset.cbi-section[id] > legend { .cbi-tab-descr {
display: none; margin: -9px 0 18px 0;
} }
.tabs .menu-dropdown, .tabs .dropdown-menu { .tabs .menu-dropdown, .tabs .dropdown-menu {
@ -2021,6 +2022,7 @@ table table td,
.td.cbi-section-actions { .td.cbi-section-actions {
text-align: right; text-align: right;
vertical-align: middle; vertical-align: middle;
width: 15%;
} }
.td.cbi-section-actions > * { .td.cbi-section-actions > * {
@ -2354,10 +2356,6 @@ div.cbi-value var.cbi-tooltip-container,
line-height: 300%; line-height: 300%;
} }
[data-page="admin-network-dhcp"] [data-name="ip"] {
width: 15%;
}
@keyframes flash { @keyframes flash {
0% { opacity: 1; } 0% { opacity: 1; }
50% { opacity: .5; } 50% { opacity: .5; }