Only add margin to system message container if it contains a joomla-alert (joomla#44222)

coolcat-creations · web-flow · commit 2d4547ea621e · 2024-10-26T18:03:40.000+02:00
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;
+}

Original file line number	Diff line number	Diff line change
`@@ -23,3 +23,13 @@`
`23`	`23`	`transform: translateY(0);`
`24`	`24`	`}`
`25`	`25`	`}`
	`26`	`+`
	`27`	`+/* Only apply margin when #system-message-container contains a visible joomla-alert */`
	`28`	`+#system-message-container:has(joomla-alert) {`
	`29`	`+ margin-top: 1em;`
	`30`	`+}`
	`31`	`+`
	`32`	`+/* Remove margin when no <joomla-alert> exists */`
	`33`	`+#system-message-container:not(:has(joomla-alert)) {`
	`34`	`+ margin-top: 0;`
	`35`	`+}`