From 1527b7c85c99f9e5a744296a6edcdc6df3f4286f Mon Sep 17 00:00:00 2001
From: Johannes Meyer <johannes.meyer@icinga.com>
Date: Wed, 3 Jun 2020 16:27:40 +0200
Subject: [PATCH] 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.
---
 public/css/icinga/base.less   | 4 +---
 public/css/icinga/layout.less | 3 ++-
 public/css/icinga/login.less  | 5 -----
 3 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/public/css/icinga/base.less b/public/css/icinga/base.less
index a65e5c5d5..8f7a63ccc 100644
--- a/public/css/icinga/base.less
+++ b/public/css/icinga/base.less
@@ -109,9 +109,7 @@ a {
   }
 }
 
-a:focus,
-button:focus,
-input[type="checkbox"]:focus {
+:focus {
   outline: 3px solid fade(@icinga-blue, 50%);
   outline-offset: 1px;
 }
diff --git a/public/css/icinga/layout.less b/public/css/icinga/layout.less
index 01479b433..b9a9bf2f0 100644
--- a/public/css/icinga/layout.less
+++ b/public/css/icinga/layout.less
@@ -161,7 +161,8 @@
 }
 
 .container,
-.error-message {
+.error-message,
+.modal-window {
   // Don't outline containers and error messages when focused because they receive focus for accessibility only
   // programmatically
   outline: none;
diff --git a/public/css/icinga/login.less b/public/css/icinga/login.less
index 6a819e73b..1bbabb004 100644
--- a/public/css/icinga/login.less
+++ b/public/css/icinga/login.less
@@ -103,11 +103,6 @@
     }
   }
 
-  input:focus,
-  input[type="submit"]:focus {
-    outline: 3px solid fade(@icinga-blue, 50%);
-  }
-
   .form-controls {
     margin-bottom: 2em;
     margin-top: 2em;