tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Apply styles to editor / fiter controlls as well

This commit is contained in:
Feu Mourek 2019-08-05 13:02:21 +02:00
parent 61eabf0724
commit 75971ac3e2
1 changed files with 20 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
public/css/themes/solarized-dark.less
View File

@ -322,7 +322,8 @@ textarea {
@input-background: lighten(@base02, 5); @input-background: lighten(@base02, 5);
form .control-group { .icinga-form,
.controls {
input[type="text"], input[type="text"],
input[type="password"], input[type="password"],
input[type="number"], input[type="number"],
@ -333,29 +334,29 @@ form .control-group {
select { select {
background-color: @input-background; background-color: @input-background;
} }
}
.icinga-controls .toggle-switch .toggle-slider { & .toggle-switch .toggle-slider {
background: @input-background; background: @input-background;
border: 2px solid @input-background; border: 2px solid @input-background;
} }
.icinga-controls .toggle-switch .toggle-slider:before { & .toggle-switch .toggle-slider:before {
background: @body-bg-color; background: @body-bg-color;
border: 1px solid @body-bg-color; border: 1px solid @body-bg-color;
} }
.icinga-controls input[type="checkbox"]:checked + .toggle-switch .toggle-slider { & input[type="checkbox"]:checked + .toggle-switch .toggle-slider {
background-color: @button-primary-color; background-color: @button-primary-color;
border: 1px solid @button-primary-color; border: 1px solid @button-primary-color;
} }
.icinga-controls input[type="checkbox"]:focus + .toggle-switch .toggle-slider { & input[type="checkbox"]:focus + .toggle-switch .toggle-slider {
box-shadow: 0 0 0 2px @body-bg-color, 0 0 0 4px fade(@button-primary-color, 40); box-shadow: 0 0 0 2px @body-bg-color, 0 0 0 4px fade(@button-primary-color, 40);
} }
.icinga-controls input[type="checkbox"]:checked + .toggle-switch .toggle-slider:before { & input[type="checkbox"]:checked + .toggle-switch .toggle-slider:before {
border: 1px solid @button-primary-color; border: 1px solid @button-primary-color;
}
} }
.button { .button {