Merge branch 'fix/some-style-issues'

This commit is contained in:
Johannes Meyer 2020-06-04 08:47:48 +02:00
commit b083b544f5
5 changed files with 15 additions and 21 deletions

View File

@ -109,9 +109,7 @@ a {
} }
} }
a:focus, :focus {
button:focus,
input[type="checkbox"]:focus {
outline: 3px solid fade(@icinga-blue, 50%); outline: 3px solid fade(@icinga-blue, 50%);
outline-offset: 1px; outline-offset: 1px;
} }

View File

@ -160,7 +160,7 @@ form.icinga-form {
} }
.icinga-controls { .icinga-controls {
input:not([type="checkbox"]):not([type="radio"]), input:not([type="radio"]),
.toggle-switch, .toggle-switch,
button, button,
select, select,
@ -169,10 +169,6 @@ form.icinga-form {
.rounded-corners(.25em); .rounded-corners(.25em);
.appearance(none); .appearance(none);
} }
input[type="radio"] {
margin-right: .25em;
}
} }
.icinga-controls { .icinga-controls {
@ -185,6 +181,10 @@ form.icinga-form {
font-size: inherit; font-size: inherit;
padding: @vertical-padding; padding: @vertical-padding;
} }
input[type="radio"] {
margin-right: .25em;
}
} }
form.icinga-form { form.icinga-form {

View File

@ -161,7 +161,8 @@
} }
.container, .container,
.error-message { .error-message,
.modal-window {
// Don't outline containers and error messages when focused because they receive focus for accessibility only // Don't outline containers and error messages when focused because they receive focus for accessibility only
// programmatically // programmatically
outline: none; outline: none;

View File

@ -103,11 +103,6 @@
} }
} }
input:focus,
input[type="submit"]:focus {
outline: 3px solid fade(@icinga-blue, 50%);
}
.form-controls { .form-controls {
margin-bottom: 2em; margin-bottom: 2em;
margin-top: 2em; margin-top: 2em;

View File

@ -188,8 +188,6 @@ table.multiselect tr[href] td {
#main div.filter { #main div.filter {
form.editor { form.editor {
max-width: 37em;
input[type=text], select { input[type=text], select {
width: 12em; width: 12em;
height: 2em; height: 2em;
@ -201,17 +199,19 @@ table.multiselect tr[href] td {
} }
button { button {
padding: .5em;
border: none; border: none;
background: none; background: none;
color: @text-color;
&:hover, &:focus {
color: @icinga-blue;
}
} }
.buttons { .buttons {
margin-left: 25em;
padding: .25em 0; padding: .25em 0;
text-align: right;
}
.buttons input {
.button();
} }
.buttons input:not(:last-child) { .buttons input:not(:last-child) {