kallithea Changeset - 9b7eebc852d7

Changeset - 9b7eebc852d7

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

domruf - 8 years ago 2017-10-29 12:06:18
dominikruf@gmail.com

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.

2 files changed with 9 insertions and 0 deletions:

kallithea/public/css/style.css

kallithea/public/less/style.less

0 comments (0 inline, 0 general)

kallithea/public/css/style.css

➞

Show inline comments

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

kallithea/public/less/style.less

➞

Show inline comments

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

0 comments (0 inline, 0 general)