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

View File

@ -322,7 +322,8 @@ textarea {
@input-background: lighten(@base02, 5);
form .control-group {
.icinga-form,
.controls {
input[type="text"],
input[type="password"],
input[type="number"],
@ -333,30 +334,30 @@ form .control-group {
select {
background-color: @input-background;
}
}
.icinga-controls .toggle-switch .toggle-slider {
& .toggle-switch .toggle-slider {
background: @input-background;
border: 2px solid @input-background;
}
.icinga-controls .toggle-switch .toggle-slider:before {
& .toggle-switch .toggle-slider:before {
background: @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;
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);
}
.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;
}
}
.button {
background-color: @input-background;