mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-25 08:05:51 +00:00
55bb37f2ab
Move feature classes to HTML element - this is significant for anonymous as placing the classes on the body tag breaks the browser's ability to parse the article concurrently with the stylesheet download, because inline scripts are spec'ed to be able to see document.styleSheets. Changes: * Feature classes are moved from BODY tag to HTML tag * For now disable localStorage storage until we've worked out the storage mechanism in core. Bug: T321498 Change-Id: Id5afe2c60dc0067e7c74433eda5cd7858f54b0d7
32 lines
978 B
Plaintext
32 lines
978 B
Plaintext
/**
|
|
* Limited width toggle - a button which lets users change the layout from
|
|
* a fixed-width content column to a layout where the content takes up the
|
|
* full window width.
|
|
*/
|
|
|
|
// By default, toggle should be hidden unless the breakpoint below is reached.
|
|
.vector-limited-width-toggle {
|
|
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 ) {
|
|
.vector-limited-width-toggle {
|
|
display: block;
|
|
position: fixed;
|
|
bottom: 8px;
|
|
right: 8px;
|
|
}
|
|
|
|
//NOTE: enabled/disabled class on body.
|
|
.vector-feature-limited-width-disabled .vector-limited-width-toggle:before {
|
|
background-image: url( images/fullscreen-close.svg );
|
|
}
|
|
|
|
.vector-feature-limited-width-enabled .vector-limited-width-toggle:before {
|
|
background-image: url( images/fullscreen.svg );
|
|
}
|
|
}
|