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,