Only add margin to system message container if it contains a joomla-a…

…lert (#44222)
joomla · Oct 26, 2024 · 2d4547e · 2d4547e
1 parent 30984e7
commit 2d4547e
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/build/media_source/templates/site/cassiopeia/scss/blocks/_alerts.scss b/build/media_source/templates/site/cassiopeia/scss/blocks/_alerts.scss
@@ -23,3 +23,13 @@
     transform: translateY(0);
   }
 }
+
+/* Only apply margin when #system-message-container contains a visible joomla-alert */
+#system-message-container:has(joomla-alert) {
+  margin-top: 1em;
+}
+
+/* Remove margin when no <joomla-alert> exists */
+#system-message-container:not(:has(joomla-alert)) {
+  margin-top: 0;
+}