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