mediawiki-skins-Vector/resources/skins.vector.styles/components/ClientPreferences.less
bwang 142591afdc Hide limited width client prefs on screen sizes below 1400
Bug: T355331
Change-Id: Ic32cede70645637bdc887cfef23b1e7385a834a3
2024-01-30 02:14:50 +00:00

31 lines
993 B
Plaintext

// Ensure there is only 1 client prefs landmark at anytime
.vector-feature-client-prefs-pinned-enabled .vector-user-links .vector-client-prefs-landmark,
.vector-feature-client-prefs-pinned-disabled .vector-column-end .vector-client-prefs-landmark {
display: none;
}
#vector-client-prefs-dropdown {
.vector-dropdown-content {
.mixin-vector-dropdown-content-flip();
}
}
/* If JS is disabled the menu should not render at all */
.client-nojs .vector-client-prefs-landmark {
display: none;
}
// By default, limited width client pref should be hidden unless the breakpoint below is reached.
#skin-client-prefs-vector-feature-limited-width {
display: none;
}
// Note on certain pages the control will have no effect e.g. Special:RecentChanges
// Defining this at 1400px is a product decision so do not change it
// (more context at https://phabricator.wikimedia.org/T326887#8540889)
@media ( min-width: 1400px ) {
#skin-client-prefs-vector-feature-limited-width {
display: block;
}
}