From 195174ee60a54f6d1bf9e6c9a0ba5eadc1b586c8 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Tue, 21 May 2019 19:00:38 +0300
Subject: [PATCH] Focus cosmetics

---
 src/assets/styles/app.scss | 39 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/src/assets/styles/app.scss b/src/assets/styles/app.scss
index b484a7833..3d3e6ef25 100644
--- a/src/assets/styles/app.scss
+++ b/src/assets/styles/app.scss
@@ -96,6 +96,12 @@ body {
         img {
             width: 180px;
         }
+
+        &:focus {
+            outline: 0 none;
+            transition: box-shadow .3s;
+            box-shadow: 0 0 0 0.2em #42b983;
+        }
     }
     
     .topbar-menu {
@@ -124,6 +130,13 @@ body {
                 &:hover {
                     border-bottom-color: #41b883;
                 }
+
+                &:focus {
+                    z-index: 1;
+                    outline: 0 none;
+                    transition: box-shadow .3s;
+                    box-shadow: inset 0 0 0 0.2em #42b983;
+                }
             }
 
             &.topbar-menu-themes {
@@ -239,6 +252,13 @@ body {
                 background-color: #eeeeee;
             }
 
+            &:focus {
+                z-index: 1;
+                outline: 0 none;
+                transition: box-shadow .3s;
+                box-shadow: inset 0 0 0 0.2em #42b983;
+            }
+
             span {
                 font-size: 16px;
                 margin: -2px 0px 0px 30px;
@@ -318,6 +338,13 @@ body {
                     background-color: #eeeeee;
                 }
 
+                &:focus {
+                    z-index: 1;
+                    outline: 0 none;
+                    transition: box-shadow .3s;
+                    box-shadow: inset 0 0 0 0.2em #42b983;
+                }
+
                 .menuitem-badge {
                     background: #00b09b;  /* fallback for old browsers */
                     background: -webkit-linear-gradient(to bottom, #96c93d, #00b09b);  /* Chrome 10-25, Safari 5.1-6 */
@@ -480,6 +507,12 @@ body {
                             border: 1px solid #ffffff;
                             color: #ffffff;
                         }
+
+                        &:focus {
+                            outline: 0 none;
+                            transition: box-shadow .3s;
+                            box-shadow: 0 0 0 0.2em #42b983;
+                        }
                     }
                 }
             }
@@ -576,6 +609,12 @@ body {
                             border-bottom: 1px solid transparent;
                             @include border-radius-top(3px);
                             @include transition(background-color .2s);
+
+                            &:focus {
+                                outline: 0 none;
+                                transition: background-color .3s, box-shadow .3s;
+                                box-shadow: 0 0 0 0.2em #42b983;
+                            }
                         }
 
                         &.tab-doc {