# HG changeset patch
# User domruf <dominikruf@gmail.com>
# Date 2017-10-29 12:06:18
# Node ID 9b7eebc852d7ee6557d18ecd30d65476f7cdeedb
# Parent  5e5c95c3a03d319433a3fac61e7dab6ef1c58000

less: disable blue outline in navbar when tabbing through the entries in the top navbar in Chrome

Bootstrap has

  a:focus { outline: 5px auto -webkit-focus-ring-color; }

which (inconsistently) puts a blue outline that doesn't match the color scheme.

For now, just disable it in the navbar.

diff --git a/kallithea/public/css/style.css b/kallithea/public/css/style.css
--- a/kallithea/public/css/style.css
+++ b/kallithea/public/css/style.css
@@ -1793,6 +1793,10 @@ body table.dataTable thead .sorting_desc
 #content div.panel .changelog-panel > ul.pagination {
   margin-left: 100px;
 }
+/* undo Bootstrap chrome/webkit blue outline on focus in navbar */
+.navbar-inverse .navbar-nav > li > a:focus {
+  outline: 0;
+}
 /* pygments style */
 div.search-code-body pre .match {
   background-color: #FAFFA6;
diff --git a/kallithea/public/less/style.less b/kallithea/public/less/style.less
--- a/kallithea/public/less/style.less
+++ b/kallithea/public/less/style.less
@@ -1266,6 +1266,11 @@ body table.dataTable thead .sorting_desc
   margin-left: 100px;
 }
 
+/* undo Bootstrap chrome/webkit blue outline on focus in navbar */
+.navbar-inverse .navbar-nav > li > a:focus {
+  outline: 0;
+}
+
 /* pygments style */
 div.search-code-body pre .match {
   background-color: #FAFFA6;