From 91c3c179ccde7dab516143900781b3479442313b Mon Sep 17 00:00:00 2001 From: "Guilherme L. Moraes" <42848561+guilhermelMoraes@users.noreply.github.com> Date: Tue, 22 Dec 2020 10:10:56 -0300 Subject: [PATCH] style(leadspace): added explicit height declaration for sections (#4763) ### Description After the `::part` pseudo-element introduction (#4752) to change the leadspace height according to the Partner world landing page requirements, I've missed adding an explicit `height: 100%` declaration for the wrappers below it. This is causing the leadspace to be visually broken for the `md` and `sm` breakpoints. --- packages/styles/scss/components/leadspace/_leadspace.scss | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/packages/styles/scss/components/leadspace/_leadspace.scss b/packages/styles/scss/components/leadspace/_leadspace.scss index 84143d76c6b..9cfa8aebfff 100644 --- a/packages/styles/scss/components/leadspace/_leadspace.scss +++ b/packages/styles/scss/components/leadspace/_leadspace.scss @@ -98,10 +98,7 @@ $btn-min-width: 26; display: flex; flex-direction: column; justify-content: space-between; - - @include carbon--breakpoint(lg) { - height: 100%; - } + height: 100%; } ::slotted(#{$dds-prefix}-image), @@ -121,6 +118,7 @@ $btn-min-width: 26; .#{$prefix}--leadspace__container { position: relative; + height: 100%; } .#{$prefix}--leadspace__overlay { @@ -133,6 +131,7 @@ $btn-min-width: 26; padding-top: $spacing-05; padding-bottom: $spacing-05; z-index: 1; + height: 100%; width: 100%; max-width: none; }