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

themes: adjust CSS for reworked apply widget

Browse source 
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2018-05-31 15:38:03 +02:00
parent 5427395649
commit 79d793dffe
3 changed files with 49 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1801,3 +1801,7 @@ div.cbi-value var,
line-height: 6px; line-height: 6px;
border: none; border: none;
} }
html body.apply-overlay-active {
height: calc(100vh - 63px);
}

15
themes/luci-theme-material/htdocs/luci-static/material/css/style.css
View file

@ -313,6 +313,12 @@ header > .container > .brand {
color: red; color: red;
} }
.alert-message h4 {
font-weight: bold;
font-size: 110%;
padding-bottom: 1em;
}
#maincontent > .container > div:nth-child(1).alert-message.warning > a { #maincontent > .container > div:nth-child(1).alert-message.warning > a {
font: inherit; font: inherit;
overflow: visible; overflow: visible;
@ -565,7 +571,7 @@ td > table > tbody > tr > td,
/* button style */ /* button style */
.cbi-button { .btn, .cbi-button {
-webkit-appearance: none; -webkit-appearance: none;
text-transform: uppercase; text-transform: uppercase;
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
@ -590,6 +596,9 @@ td > table > tbody > tr > td,
width: auto !important; width: auto !important;
} }
.btn:hover,
.btn:focus,
.btn:active,
.cbi-button:hover, .cbi-button:hover,
.cbi-button:focus, .cbi-button:focus,
.cbi-button:active { .cbi-button:active {
@ -599,15 +608,19 @@ td > table > tbody > tr > td,
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
} }
.btn:hover,
.btn:focus,
.cbi-button:hover, .cbi-button:hover,
.cbi-button:focus { .cbi-button:focus {
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
} }
.btn:active,
.cbi-button:active { .cbi-button:active {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
} }
.btn:disabled,
.cbi-button:disabled { .cbi-button:disabled {
cursor: not-allowed; cursor: not-allowed;
pointer-events: none; pointer-events: none;

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

@ -181,6 +181,33 @@ code {
background-color: white; background-color: white;
} }
.alert-message {
font-size: 9pt;
font-weight: normal;
padding: .5em;
border-radius: 3px;
color: #000;
}
.alert-message.notice {
background: linear-gradient(#ccc 0%, #eee 100%);
color: #4a6b7c;
}
.alert-message.warning {
background: linear-gradient(#dda 0%, #dd8 100%);
color: #c00;
}
.alert-message > * {
margin: .5em;
}
.alert-message > h4 {
font-weight: bold;
font-size: 10pt;
}
div.hostinfo { div.hostinfo {
float: left; float: left;
margin: 0; margin: 0;
@ -447,18 +474,20 @@ img.cbi-image-button {
vertical-align: middle; vertical-align: middle;
} }
.cbi-button { .btn, .cbi-button {
padding: 2px; padding: 2px;
border-radius: 3px; border-radius: 3px;
border: 1px solid #aaa; border: 1px solid #aaa;
background: #eee 1px center no-repeat; background: #eee 1px center no-repeat;
} }
.cbi-button:hover { .btn:hover, .cbi-button:hover {
border-color: #4a6b7c; border-color: #4a6b7c;
background-color: #fff; background-color: #fff;
} }
.btn[disabled],
.btn[disabled]:hover,
.cbi-button[disabled], .cbi-button[disabled],
.cbi-button[disabled]:hover { .cbi-button[disabled]:hover {
opacity: .6; opacity: .6;