From 017e60f3a0db9d6240ec7379cbcaef9908aa5172 Mon Sep 17 00:00:00 2001
From: Kirill Shumilov <brusher.designer@gmail.com>
Date: Mon, 18 Dec 2017 18:35:54 +0300
Subject: [PATCH] fix(xod-client): disable default browser outlines for focued
 items and add one custom for links inside Comments (other elements which
 should be focused has a special styles)

---
 packages/xod-client/src/core/styles/base/base.scss       | 6 +++++-
 .../xod-client/src/core/styles/components/Comment.scss   | 9 +++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/xod-client/src/core/styles/base/base.scss b/packages/xod-client/src/core/styles/base/base.scss
index 72bd58b0..70d80c4e 100644
--- a/packages/xod-client/src/core/styles/base/base.scss
+++ b/packages/xod-client/src/core/styles/base/base.scss
@@ -8,4 +8,8 @@ body, html {
   overflow: hidden;
   width: 100%;
   height: 100%;
-}
\ No newline at end of file
+}
+
+*:focus {
+  outline: none;
+}
diff --git a/packages/xod-client/src/core/styles/components/Comment.scss b/packages/xod-client/src/core/styles/components/Comment.scss
index 5f7f325f..95c0b87b 100644
--- a/packages/xod-client/src/core/styles/components/Comment.scss
+++ b/packages/xod-client/src/core/styles/components/Comment.scss
@@ -48,6 +48,15 @@
 
     a {
       color: $color-canvas-selected;
+
+      &:focus {
+        outline: 0;
+        box-shadow: 0 0 5px 1px $color-canvas-selected;
+        border: 2px solid transparent;
+        border-top: 0;
+        margin-left: -2px;
+        border-radius: 4px;
+      }
     }
   }