From 3ca5f1027b26f85a463e415f6e36d147393d258d Mon Sep 17 00:00:00 2001 From: Hans Kuijpers Date: Thu, 22 Oct 2020 08:58:10 +0200 Subject: [PATCH 1/3] no margin-bottom when empty --- .../scss/vendor/joomla-custom-elements/joomla-alert.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/templates/cassiopeia/scss/vendor/joomla-custom-elements/joomla-alert.scss b/templates/cassiopeia/scss/vendor/joomla-custom-elements/joomla-alert.scss index 64a71d6ce1..f9d780019e 100644 --- a/templates/cassiopeia/scss/vendor/joomla-custom-elements/joomla-alert.scss +++ b/templates/cassiopeia/scss/vendor/joomla-custom-elements/joomla-alert.scss @@ -2,6 +2,11 @@ @import "../../../../../node_modules/joomla-ui-custom-elements/dist/css/joomla-alert"; // The following is a restyle for the system alerts +#system-message-container { + &:empty { + margin-top: 0; + } +} #system-message-container joomla-alert { position: relative; From 00ca93bcaee1a93175304f41bcfce33d73f169d4 Mon Sep 17 00:00:00 2001 From: Hans Kuijpers Date: Thu, 22 Oct 2020 08:58:21 +0200 Subject: [PATCH 2/3] remove from DOM when empty --- .../scss/vendor/joomla-custom-elements/joomla-alert.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/templates/cassiopeia/scss/vendor/joomla-custom-elements/joomla-alert.scss b/templates/cassiopeia/scss/vendor/joomla-custom-elements/joomla-alert.scss index f9d780019e..1f055341ab 100644 --- a/templates/cassiopeia/scss/vendor/joomla-custom-elements/joomla-alert.scss +++ b/templates/cassiopeia/scss/vendor/joomla-custom-elements/joomla-alert.scss @@ -4,6 +4,7 @@ // The following is a restyle for the system alerts #system-message-container { &:empty { + display: none; margin-top: 0; } } From 5473ec45b4df2f6e0c9b9f5980d36b37382a913a Mon Sep 17 00:00:00 2001 From: Hans Kuijpers Date: Thu, 22 Oct 2020 08:58:42 +0200 Subject: [PATCH 3/3] no margin bottom. Next element has margin-top --- templates/cassiopeia/scss/blocks/_modifiers.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/templates/cassiopeia/scss/blocks/_modifiers.scss b/templates/cassiopeia/scss/blocks/_modifiers.scss index bd82dbeab5..efc3b67f8c 100644 --- a/templates/cassiopeia/scss/blocks/_modifiers.scss +++ b/templates/cassiopeia/scss/blocks/_modifiers.scss @@ -264,6 +264,7 @@ // Modules .breadcrumb { + margin-bottom: 0; background-color: hsla(0, 0%, 0%, .03); }