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

luci-theme-bootstrap: various fixes

Browse source 
- Styling fixes for table hover rows, striping and title row coloring
- Fixes for page action button placement

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2018-07-18 12:02:35 +02:00
parent 90f9c59a2d
commit 29f542fa62
1 changed files with 23 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -39,6 +39,7 @@ form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td,
abbr[title], acronym[title] { abbr[title], acronym[title] {
border-bottom: 1px dotted; border-bottom: 1px dotted;
font-weight: inherit;
cursor: help; cursor: help;
} }
@ -644,6 +645,7 @@ textarea[readonly] {
.cbi-page-actions > form { .cbi-page-actions > form {
display: inline; display: inline;
margin: 0;
} }
.help-inline, .help-block { .help-inline, .help-block {
@ -693,13 +695,13 @@ textarea[readonly] {
text-align: left; text-align: left;
} }
.table .th { .table .tr:first-child .th {
padding-top: 9px; padding-top: 9px;
font-weight: bold; font-weight: bold;
vertical-align: middle; vertical-align: top;
} }
.table .td, .table .tbody .th { .table .td, .table .th {
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
} }
@ -1257,9 +1259,15 @@ footer {
color: #c44; color: #c44;
} }
.cbi-page-actions .cbi-button-link, .cbi-page-actions::after {
.cbi-page-actions form[method="get"]:first-child { display: table;
content: "";
clear: both;
}
.cbi-page-actions > :not([method="post"]):not(.cbi-button-apply):not(.cbi-button-save):not(.cbi-button-reset) {
float: left; float: left;
margin-right: .4em;
} }
.btn.primary, .btn.primary,
@ -1649,7 +1657,7 @@ a.label:hover {
cursor: pointer; cursor: pointer;
} }
form.inline { display: inline } form.inline { display: inline; margin-bottom: 0; }
header .pull-right { padding-top: 8px; } header .pull-right { padding-top: 8px; }
@ -1657,15 +1665,13 @@ header .pull-right { padding-top: 8px; }
#syslog { width: 100%; } #syslog { width: 100%; }
.cbi-section-table tbody tr:nth-child(odd) td, .cbi-section-table tbody tr:nth-child(odd) th { .cbi-section-table .tr:hover .td,
background-color: #f9f9f9; .cbi-section-table .tr:hover .th,
} .cbi-section-table .tr:hover::before {
.cbi-section-table tbody tr:hover td, .cbi-section-table tbody tr:hover th {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.cbi-section-table tr.cbi-section-table-descr th { .cbi-section-table .tr.cbi-section-table-descr .th {
font-weight: normal; font-weight: normal;
} }
@ -1680,6 +1686,8 @@ header .pull-right { padding-top: 8px; }
vertical-align: middle; vertical-align: middle;
} }
.cbi-section-table-titles.named::before,
.cbi-section-table-descr.named::before,
.cbi-section-table-row[data-title]::before { .cbi-section-table-row[data-title]::before {
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
} }
@ -1744,7 +1752,9 @@ table table td,
vertical-align: middle; vertical-align: middle;
} }
.cbi-rowstyle-2 { .cbi-rowstyle-2,
.tr.table-titles,
.tr.cbi-section-table-titles {
background: #f9f9f9; background: #f9f9f9;
} }