From 19275a5ba46a846f07d6f857c192e4683ed3431e Mon Sep 17 00:00:00 2001
From: Jonas Hermsmeier <jhermsmeier@gmail.com>
Date: Fri, 17 Nov 2017 13:33:19 +0100
Subject: [PATCH] fix(gui): Disable outlines (#1854)

For the time being, the focus outlines are removed, until
we can improve the UX on this.

Change-Type: patch
---
 lib/gui/css/desktop.css |  8 ++++++++
 lib/gui/css/main.css    |  9 ---------
 lib/gui/scss/main.scss  | 16 ----------------
 3 files changed, 8 insertions(+), 25 deletions(-)

diff --git a/lib/gui/css/desktop.css b/lib/gui/css/desktop.css
index d04d6540..6c2da7ba 100644
--- a/lib/gui/css/desktop.css
+++ b/lib/gui/css/desktop.css
@@ -47,6 +47,14 @@ body {
   -webkit-overflow-scrolling: touch;
 }
 
+/* Prevent blue outline */
+a:focus,
+input:focus,
+button:focus,
+[tabindex]:focus {
+  outline: none !important;
+}
+
 /* Titles don't have margins on desktop apps */
 h1, h2, h3, h4, h5, h6 {
   margin: 0;
diff --git a/lib/gui/css/main.css b/lib/gui/css/main.css
index 9a400032..20d400c2 100644
--- a/lib/gui/css/main.css
+++ b/lib/gui/css/main.css
@@ -6738,12 +6738,3 @@ body {
   .section-header > .button, .section-header > .progress-button {
     padding-left: 3px;
     padding-right: 3px; }
-
-@keyframes focus-highlight {
-  from {
-    outline: 2px solid #ff912f; }
-  to {
-    outline: none; } }
-
-[tabindex]:focus {
-  animation: focus-highlight 10s steps(2, end) forwards; }
diff --git a/lib/gui/scss/main.scss b/lib/gui/scss/main.scss
index a11ca4ca..983ddafd 100644
--- a/lib/gui/scss/main.scss
+++ b/lib/gui/scss/main.scss
@@ -123,19 +123,3 @@ body {
     padding-right: 3px;
   }
 }
-
-@keyframes focus-highlight {
-  from {
-    outline: 2px solid $palette-theme-warning-background;
-  }
-
-  to {
-    outline: none;
-  }
-}
-
-[tabindex] {
-  &:focus {
-    animation: focus-highlight 10s steps(2, end) forwards;
-  }
-}