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% );
|
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 {
|
.page-actions {
|
||||||
display: none;
|
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