content/static: fix breakpoints in the sticky header
Fixes breakpoints for the detail items
in the transition from full height to sticky
for mobile size viewports.
Trust: Jamal Carvalho
Run-TryBot: Jamal Carvalho
TryBot-Result: kokoro
position: sticky;
top: 0;
white-space: nowrap;
- z-index: 100;
}
.UnitHeader--sticky {
- background-color: var(--white);
padding-bottom: 0;
}
.UnitHeader-outer {
+ background-color: var(--white);
min-height: 13.0625rem;
position: sticky;
top: -9.5rem;
}
.UnitHeader-breadcrumbs {
+ background-color: var(--white);
line-height: 1.5rem;
margin-top: 1rem;
white-space: initial;
flex-direction: row;
}
}
-@media only screen and (min-width: 64rem) {
+@media only screen and (min-width: 70rem) {
.UnitHeader-details {
display: flex;
}
font-size: 0.875rem;
line-height: 1.75rem;
}
+
@media only screen and (min-width: 64rem) {
.UnitHeader-detailItem:not(:last-of-type)::after {
content: '|';
