X-Git-Url: https://vcs.fsf.org/?a=blobdiff_plain;f=css%2Fmenubar-joomla.css;h=407308d013fc3e71c5ffc5e5838b283168c836ab;hb=c3931c710886a376643684eb05b4cba742a541f3;hp=48422b5e38d52b0beff4a0ebe7cbf39305f2cc38;hpb=65e7186ec68f7f26abb20f19145696af2012e14f;p=civicrm-core.git

diff --git a/css/menubar-joomla.css b/css/menubar-joomla.css
index 48422b5e38..407308d013 100644
--- a/css/menubar-joomla.css
+++ b/css/menubar-joomla.css
@@ -3,6 +3,7 @@
   body.crm-menubar-over-cms-menu.crm-menubar-visible {
     padding-top: $menubarHeight;
   }
+
   body.crm-menubar-over-cms-menu.crm-menubar-visible.crm-menubar-wrapped {
     padding-top: calc($menubarHeight * 2);
   }
@@ -10,11 +11,12 @@
   body.crm-menubar-below-cms-menu.crm-menubar-visible {
     margin-top: $menubarHeight;
   }
+
   body.crm-menubar-below-cms-menu.crm-menubar-visible.crm-menubar-wrapped {
     margin-top: calc($menubarHeight * 2);
   }
-
 }
+
 @media (max-width: $breakMax) {
 
   body #civicrm-menu-nav {
@@ -25,5 +27,47 @@
     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: calc($menubarHeight + 26px);
+    z-index: 10000;
+    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 {
+    margin-bottom: $menubarHeight;
+  }
+
+  body.admin.com_civicrm.layout-default #civicrm-menu-nav {
+    margin-top: calc($menubarHeight + 14px);
+    background: #1b1b1b;
+    z-index: 1000;
+    height: $menubarHeight;
+    border-top: 1px solid #aaa;
+  }
 }