Mercurial > kallithea
changeset 7049:9b7eebc852d7
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.
| author | domruf <dominikruf@gmail.com> |
|---|---|
| date | Sun, 29 Oct 2017 12:06:18 +0100 |
| parents | 5e5c95c3a03d |
| children | 7603ce3383c4 |
| files | kallithea/public/css/style.css kallithea/public/less/style.less |
| diffstat | 2 files changed, 9 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- a/kallithea/public/css/style.css Mon Nov 27 03:00:10 2017 +0100 +++ b/kallithea/public/css/style.css Sun Oct 29 12:06:18 2017 +0100 @@ -1793,6 +1793,10 @@ #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;
--- a/kallithea/public/less/style.less Mon Nov 27 03:00:10 2017 +0100 +++ b/kallithea/public/less/style.less Sun Oct 29 12:06:18 2017 +0100 @@ -1266,6 +1266,11 @@ 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;