From 9f9f3199ea00b44f27766c5112035d9c9bcac3ca Mon Sep 17 00:00:00 2001 From: Jeremias Peier Date: Mon, 26 Aug 2024 10:17:37 +0200 Subject: [PATCH 1/2] fix(sbb-container): remove relative positioning for non-image case --- src/elements/container/container/container.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/elements/container/container/container.scss b/src/elements/container/container/container.scss index 8a6ad3ca9a..e61ad5b555 100644 --- a/src/elements/container/container/container.scss +++ b/src/elements/container/container/container.scss @@ -55,7 +55,10 @@ } .sbb-container__content { - position: relative; + :host([data-slot-names~='image']) & { + // With position: relative we ensure the content is in front of the image. + position: relative; + } } ::slotted([slot='image']) { From 7ff3986e349855068a9d6f2782274d6384b6e759 Mon Sep 17 00:00:00 2001 From: Jeremias Peier Date: Mon, 26 Aug 2024 10:51:23 +0200 Subject: [PATCH 2/2] docs: fix --- src/elements/container/container/container.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/elements/container/container/container.scss b/src/elements/container/container/container.scss index e61ad5b555..27b441d9eb 100644 --- a/src/elements/container/container/container.scss +++ b/src/elements/container/container/container.scss @@ -56,7 +56,7 @@ .sbb-container__content { :host([data-slot-names~='image']) & { - // With position: relative we ensure the content is in front of the image. + // With relative positioning we ensure the content is in front of the image. position: relative; } }