X-Git-Url: https://vcs.fsf.org/?a=blobdiff_plain;f=css%2Fcrm-menubar.css;h=646fd57af0d7fb9a191efb44982f5fa0950e2f03;hb=a1b8cf39cd83602d9560adfa94311b5c4bb83137;hp=c1a0e5413f5d97c4f7c0d4880a3dfb29941ffecf;hpb=87b313d09b2c1b2db38766dd4278036c9c2f759e;p=civicrm-core.git

diff --git a/css/crm-menubar.css b/css/crm-menubar.css
index c1a0e5413f..646fd57af0 100644
--- a/css/crm-menubar.css
+++ b/css/crm-menubar.css
@@ -31,10 +31,8 @@
 #civicrm-menu li li a {
   padding: 6px 36px 6px 10px;
 }
-#civicrm-menu li.crm-menu-border-bottom:not(:last-child) {
-  border-bottom: 1px solid #bbb;
-}
-#civicrm-menu li:not(.crm-menu-border-bottom) + li.crm-menu-border-top {
+#civicrm-menu li.crm-menu-border-bottom + li,
+#civicrm-menu li + li.crm-menu-border-top {
   border-top: 1px solid #bbb;
 }
 #civicrm-menu li a:focus,
@@ -46,9 +44,9 @@
 }
 #civicrm-menu li li .sub-arrow:before {
   content: "\f0da";
-	font-family: 'FontAwesome';
-	float: right;
-	margin-right: -25px;
+  font-family: 'FontAwesome';
+  float: right;
+  margin-right: -25px;
 }
 /* x icon */
 #crm-menubar-state:checked ~ .crm-menubar-toggle-btn .crm-menubar-toggle-btn-icon {
@@ -183,6 +181,22 @@ body.crm-menubar-over-cms-menu #crm-menubar-toggle-position a i {
   transform: rotate(180deg);
 }
 
+/* Drilldown menu item finder */
+#civicrm-menu [data-name=MenubarDrillDown] > a {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+#crm-menubar-drilldown {
+  padding: 4px;
+  background-color: #eee;
+}
+#crm-menubar-drilldown:focus {
+  background-color: white;
+}
+#crm-menubar-drilldown + .sub-arrow:before {
+  margin-top: 5px;
+}
+
 @media (min-width: $breakMin) {
 
   /* Switch to desktop layout
@@ -191,19 +205,38 @@ body.crm-menubar-over-cms-menu #crm-menubar-toggle-position a i {
      collapsible to desktop (navbar + dropdowns)
   -----------------------------------------------*/
   /* start... (it's not recommended editing these rules) */
-  #civicrm-menu ul{position:absolute;width:12em;}
-  #civicrm-menu li{float:left;}
-  #civicrm-menu.sm-rtl li{float:right;}
-  #civicrm-menu ul li,#civicrm-menu.sm-rtl ul li,#civicrm-menu.sm-vertical li{float:none;}
-  #civicrm-menu a{white-space:nowrap;}
-  #civicrm-menu ul a,#civicrm-menu.sm-vertical a{white-space:normal;}
-  #civicrm-menu .sm-nowrap > li > a,#civicrm-menu .sm-nowrap > li > :not(ul) a{white-space:nowrap;}
+  #civicrm-menu ul {
+    position: absolute;
+    width: 12em;
+  }
+  #civicrm-menu li {
+    float: left;
+  }
+  #civicrm-menu.sm-rtl li {
+    float: right;
+  }
+  #civicrm-menu ul li,
+  #civicrm-menu.sm-rtl ul li,
+  #civicrm-menu.sm-vertical li {
+    float: none;
+  }
+  #civicrm-menu a {
+    white-space: nowrap;
+  }
+  #civicrm-menu ul a,
+  #civicrm-menu.sm-vertical a {
+    white-space: normal;
+  }
+  #civicrm-menu .sm-nowrap > li > a,
+  #civicrm-menu .sm-nowrap > li > :not(ul) a {
+    white-space: nowrap;
+  }
   /* ...end */
 
   /* hide the button in desktop view */
   #civicrm-menu-nav .crm-menubar-toggle-btn {
     position: absolute;
-    top: -99999px;
+    top: -99999px; /* do not edit this without updating the isMobile() function in crm.menubar.js */
   }
 
   #civicrm-menu {
@@ -272,23 +305,23 @@ body.crm-menubar-over-cms-menu #crm-menubar-toggle-position a i {
     z-index: 100000;
     background-color: #1b1b1b;
   }
-	#civicrm-menu ul {
-		background-color: #444;
-	}
-	#civicrm-menu ul ul {
-		background-color: #555;
-	}
-	#civicrm-menu ul ul ul {
-		background-color: #666;
-	}
+  #civicrm-menu ul {
+    background-color: #444;
+  }
+  #civicrm-menu ul ul {
+    background-color: #555;
+  }
+  #civicrm-menu ul ul ul {
+    background-color: #666;
+  }
   #civicrm-menu li {
     padding: 5px;
   }
-	#civicrm-menu li a {
-		text-align: center;
-		font-size: 14px;
+  #civicrm-menu li a {
+    text-align: center;
+    font-size: 14px;
     color: #ddd;
-	}
+  }
   #civicrm-menu li a:focus,
   #civicrm-menu li a:hover,
   #civicrm-menu li a.highlighted {