seperating multiple messages with border top

joomla · Aug 31, 2020 · 3c12057 · 3c12057
1 parent a62b9ec
commit 3c12057
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-alert.scss b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-alert.scss
@@ -26,6 +26,10 @@
     background: var(--alert-accent-color, transparent);
   }
 
+  .alert-wrapper {
+    width: 100%;
+  }
+
   .alert-link {
     color: var(--success, inherit);
   }
@@ -90,5 +94,9 @@
         padding: .3rem .3rem .3rem 2rem;
       }
     }
+
+    .alert-message:not(:first-of-type) {
+      border-top: 1px solid var(--alert-accent-color);
+    }
   }
 }
diff --git a/layouts/joomla/system/message.php b/layouts/joomla/system/message.php
@@ -46,7 +46,7 @@
 				<joomla-alert type="<?php echo $alert[$type] ?? $type; ?>" dismiss="true">
 					<?php if (!empty($msgs)) : ?>
 						<div class="alert-heading"><?php echo Text::_($type); ?></div>
-						<div>
+						<div class="alert-wrapper">
 							<?php foreach ($msgs as $msg) : ?>
 								<div class="alert-message"><?php echo $msg; ?></div>
 							<?php endforeach; ?>

diff --git a/templates/cassiopeia/scss/vendor/joomla-custom-elements/joomla-alert.scss b/templates/cassiopeia/scss/vendor/joomla-custom-elements/joomla-alert.scss
@@ -26,6 +26,10 @@
     background: var(--alert-accent-color, transparent);
   }
 
+  .alert-wrapper {
+    width: 100%;
+  }
+
   .alert-link {
     color: var(--success, inherit);
   }
@@ -90,5 +94,9 @@
         padding: .3rem .3rem .3rem 2rem;
       }
     }
+
+    .alert-message:not(:first-of-type) {
+      border-top: 1px solid var(--alert-accent-color);
+    }
   }
 }