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

forms.less: Enhance differentiation between layout and style

This commit is contained in:
Johannes Meyer 2019-07-22 09:34:04 +02:00
parent 4675d24a03
commit b1881c6a53
1 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
public/css/icinga/forms.less
View File

@ -74,7 +74,7 @@ form.icinga-form {
// Label styles // Label styles
form.icinga-form .control-group .control-label-group { form.icinga-form .control-label-group {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -157,14 +157,12 @@ form.icinga-form {
} }
.icinga-controls { .icinga-controls {
.control-group input:not([type="checkbox"]), input:not([type="checkbox"]),
.control-group .toggle-switch, .toggle-switch,
.control-group button, select,
.control-group select, textarea,
.control-group textarea, button,
.form-controls button, .toggle-switch {
.form-controls .toggle-switch,
.form-controls input {
font-size: inherit; font-size: inherit;
padding: @vertical-padding; padding: @vertical-padding;
} }
@ -259,16 +257,16 @@ form.icinga-form .form-controls {
// Button styles // Button styles
.icinga-controls { .icinga-controls {
.form-controls input[type="submit"], input[type="submit"],
.form-controls input[type="submit"].btn-confirm { input[type="submit"].btn-confirm {
.button(); .button();
} }
.form-controls input[type="submit"].btn-remove { input[type="submit"].btn-remove {
.button(@body-bg-color, @color-critical, darken(@color-critical, 10%)); .button(@body-bg-color, @color-critical, darken(@color-critical, 10%));
} }
.form-controls input[type="submit"].btn-cancel { input[type="submit"].btn-cancel {
.button(@body-bg-color, @gray, @black); .button(@body-bg-color, @gray, @black);
} }
} }
@ -360,13 +358,13 @@ form.icinga-form .form-controls {
} }
} }
.icinga-controls .control-group.disabled .control-label-group { form.icinga-form .control-group.disabled .control-label-group {
color: @disabled-gray; color: @disabled-gray;
} }
.icinga-controls { .icinga-controls {
.control-group input[disabled], input[disabled],
.control-group select[disabled] { select[disabled] {
background: @gray-lighter; background: @gray-lighter;
border-color: transparent; border-color: transparent;
} }