mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-14 18:15:49 +00:00
feat(core): ✨ make sticky header more compact in limited screens
This commit is contained in:
parent
9cd0cc45f3
commit
a5bf9413ea
|
@ -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 );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue