#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,
}
#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 {
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
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 {
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 {