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

@@ -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;

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; }

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;
-  }
-}