From d18c3b9e291bb084330b4daf802a40a069efb99e Mon Sep 17 00:00:00 2001
From: Nicol <vingle@users.noreply.github.com>
Date: Mon, 24 May 2021 20:21:48 +0200
Subject: [PATCH] Joomla 4 fixes for menubar below menu & < $breakMin

---
 css/menubar-joomla.css | 61 +++++++++++++++++++++++++++++++++++++++---
 1 file changed, 57 insertions(+), 4 deletions(-)

diff --git a/css/menubar-joomla.css b/css/menubar-joomla.css
index 48422b5e38..626f111035 100644
--- a/css/menubar-joomla.css
+++ b/css/menubar-joomla.css
@@ -1,29 +1,82 @@
 @media (min-width: $breakMin) {
-
+	
   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);
   }
-
+  
   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 {
     position: absolute;
   }
-
+  
   body #civicrm-menu-nav .crm-menubar-toggle-btn {
     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;
+  }
+}	
-- 
2.25.1