Mercurial > kallithea
changeset 6988:97a99ced3b85
less: remove borders and padding around navbar items
Navbar items were styled with borders to look like embossed areas that could be
clicked. The top menu also had it in the drop-down menu, while the context menu
didn't.
The areas are big, and it is quite clear it is some kind of clickable menu ...
and the clickable area is also highlighted when hovering. We can thus do
without the borders and get a slightly cleaner look.
author | domruf <dominikruf@gmail.com> |
---|---|
date | Fri, 27 Oct 2017 18:54:59 +0200 |
parents | d69d258c1403 |
children | 855f0ee4995c |
files | kallithea/public/css/contextbar.css |
diffstat | 1 files changed, 1 insertions(+), 27 deletions(-) [+] |
line wrap: on
line diff
--- a/kallithea/public/css/contextbar.css Fri Oct 27 00:25:37 2017 +0200 +++ b/kallithea/public/css/contextbar.css Fri Oct 27 18:54:59 2017 +0200 @@ -25,16 +25,6 @@ margin-top: 0; margin-bottom: 0; } -ul#quick ul.dropdown-menu > li { - border-bottom: 1px solid rgba(0,0,0,0.1); - border-top: 1px solid rgba(255,255,255,0.1); -} -ul#quick ul.dropdown-menu > li:first-child { - border-top: none; -} -ul#quick ul.dropdown-menu > li:last-child { - border-bottom: none; -} nav.navbar #quick ul, #context-pages ul { background: #577632; @@ -57,26 +47,10 @@ #content #context-pages .following .show-follow { display: none; } -nav.navbar #quick li, -nav.navbar #quick_login .pull-right, -#content #context-pages li { - border-right: 1px solid rgba(0,0,0,0.1); - border-left: 1px solid rgba(255,255,255,0.1); - padding: 0; -} + .nav .open > a { background: inherit !important; } -nav.navbar #quick li:last-child, -#content #context-pages li:last-child { - border-right: none; -} -nav.navbar #quick > li:first-child { - border-left: none; -} -nav.navbar #quick > li:first-child > a { - border-radius: 4px 0 0 4px; -} nav.navbar #quick > li > a, nav.navbar #quick .select2-container .select2-choice .select2-chosen, #context-pages > ul > li > a,