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

css: Style outline for any focusable element the same 

A recent chrome version changed the focus style again.
Without this some form elements and other focusable
elements get a black outline.
This commit is contained in:
Johannes Meyer 2020-06-03 16:27:40 +02:00
parent 49eb245580
commit 1527b7c85c
3 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/css/icinga/base.less
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;
} }

3
public/css/icinga/layout.less
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;

5
public/css/icinga/login.less
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;