Merge pull request #21286 from vingle/patch-13

[civicrm-core.git] / css / menubar-joomla.css

diff --git a/css/menubar-joomla.css b/css/menubar-joomla.css
index 482f8c2ac643b9f7324a2add0e65bfded763d848..64696776973e6ff53802666912dfe159dc6c5756 100644 (file)
--- a/css/menubar-joomla.css
+++ b/css/menubar-joomla.css
@@ -1,21 +1,23 @@
-@media (min-width: 768px) {
-
+@media (min-width: $breakMin) {
+       
   body.crm-menubar-over-cms-menu.crm-menubar-visible {
-    padding-top: 40px;
+    padding-top: $menubarHeight;
   }
+
   body.crm-menubar-over-cms-menu.crm-menubar-visible.crm-menubar-wrapped {
-    padding-top: 80px;
+    padding-top: calc($menubarHeight * 2);
   }
 
   body.crm-menubar-below-cms-menu.crm-menubar-visible {
-    margin-top: 40px;
+    margin-top: $menubarHeight;
   }
+
   body.crm-menubar-below-cms-menu.crm-menubar-visible.crm-menubar-wrapped {
-    margin-top: 80px;
+    margin-top: calc($menubarHeight * 2);
   }
-
 }
-@media (max-width: 768px) {
+
+@media (max-width: $breakMax) {
 
   body #civicrm-menu-nav {
     position: absolute;
@@ -25,5 +27,56 @@
     margin-top: 3px;
     margin-left: 6px;
   }
+}
+
+/* Joomla 4 */
 
+body.admin.com_civicrm.layout-default #crm-qsearch label {
+  color: #fff;
 }
+
+@media (min-width: $breakMin) {
+
+  body.crm-menubar-below-cms-menu.crm-menubar-visible.layout-default {
+    margin-top: 0;
+  }
+
+  body.crm-menubar-below-cms-menu.layout-default > #civicrm-menu-nav #civicrm-menu {
+    top: 70px;
+    z-index: 1000;
+    position: absolute;
+         border-top: 1px solid #aaa;
+  }
+
+  body.crm-menubar-below-cms-menu.layout-default #header {
+         margin-bottom: calc($menubarHeight + 1px);
+  }
+
+  body.crm-menubar-below-cms-menu.crm-menubar-wrapped.layout-default #header {
+         margin-bottom: 81px;
+  }
+}
+
+@media (max-width: $breakMin) {
+
+  body.com_civicrm.layout-default #header {
+    min-height: 45px;
+    padding: 10px 0;
+    margin-bottom: $menubarHeight;
+  }
+
+  body.admin.com_civicrm.layout-default #civicrm-menu-nav {
+    margin-top: 45px;
+    background: #1b1b1b;
+    z-index: 1000;
+    height: $menubarHeight;
+    border-top: 1px solid #aaa;
+  }
+}
+
+@media (max-width: 575px) {
+
+  body.admin.com_civicrm.layout-default #civicrm-menu-nav {
+       margin-top: 77px;
+  }
+}