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

luci-theme-bootstrap: add various CSS tweaks

Browse source 
- Apply the same style to <button> and <input type="button"> elements
 - Increase width of modal CBI dialogs

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2019-07-05 14:11:18 +02:00
parent 00a3da1fb3
commit c16609b976
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -410,6 +410,7 @@ form .clearfix:after,
label,
input,
button,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@ -580,13 +581,13 @@ textarea {
color: #bfbfbf;
}
.item::after, .btn, .cbi-button, input, textarea {
.item::after, .btn, .cbi-button, input, button, textarea {
transition: border linear 0.2s, box-shadow linear 0.2s;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.item:hover::after,
.btn:hover, .cbi-button:hover,
.btn:hover, .cbi-button:hover, button:hover,
input:focus, textarea:focus {
outline: 0;
border-color: rgba(82, 168, 236, 0.8) !important;
@ -600,9 +601,11 @@ input[type=file]:focus, input[type=checkbox]:focus, select:focus {
}
input[disabled],
button[disabled],
select[disabled],
textarea[disabled],
input[readonly],
button[readonly],
select[readonly],
textarea[readonly] {
background-color: #f5f5f5;
@ -2049,7 +2052,8 @@ div.cbi-value var,
color: #0069d6;
}
#modal_overlay > .modal.uci-dialog {
#modal_overlay > .modal.uci-dialog,
#modal_overlay > .modal.cbi-modal {
max-width: 900px;
}