feat(core): make sticky header more compact in limited screens

This commit is contained in:
alistair3149 2024-04-26 15:57:29 -04:00
parent 9cd0cc45f3
commit a5bf9413ea
No known key found for this signature in database

View file

@ -67,18 +67,23 @@
transform: translateY( -100% );
}
}
}
}
// Make sticky header more compact if there are less screen estate
@media ( max-width: @max-width-breakpoint-tablet ), ( max-height: 800px ) {
.citizen-body-header--sticky {
#siteSub {
display: none;
}
.page-actions {
display: none;
}
}
}
// Make sticky header more compact if there are less screen estate
@media ( max-height: 800px ) {
.citizen-body-header--sticky {
.mw-body-header {
padding-top: var( --space-sm );
padding-bottom: var( --space-sm );
}
.firstHeading {
font-size: var( --font-size-medium );
}
}
}