Skip to content

Commit

Permalink
style(leadspace): added explicit height declaration for sections (#4763)
Browse files Browse the repository at this point in the history
### 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.
  • Loading branch information
guilhermelMoraes authored Dec 22, 2020
1 parent 178ae99 commit 91c3c17
Showing 1 changed file with 3 additions and 4 deletions.
7 changes: 3 additions & 4 deletions packages/styles/scss/components/leadspace/_leadspace.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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),
Expand All @@ -121,6 +118,7 @@ $btn-min-width: 26;

.#{$prefix}--leadspace__container {
position: relative;
height: 100%;
}

.#{$prefix}--leadspace__overlay {
Expand All @@ -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;
}
Expand Down

0 comments on commit 91c3c17

Please sign in to comment.