mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-12-04 03:59:53 +00:00
fe03bb50ef
New menu items can be added via
```
var node = mw.util.addPortletLink('p-dock-bottom', '#', 'hello' )
if (node) {
node.querySelector('a').classList.add( 'mw-ui-icon', 'mw-ui-icon-element', 'mw-ui-button' )
}
```
Bug: T336431
Change-Id: I8c5c5414cda9d268631ba0fade90e1a44c104ff1
43 lines
974 B
Plaintext
43 lines
974 B
Plaintext
@import '../../common/variables.less';
|
|
|
|
.client-nojs .vector-settings {
|
|
display: none;
|
|
}
|
|
|
|
.vector-settings {
|
|
position: fixed;
|
|
bottom: 8px;
|
|
right: 8px;
|
|
|
|
ul {
|
|
padding: 0;
|
|
list-style: none;
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
align-items: center;
|
|
column-gap: 8px;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 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,
|
|
.vector-limited-width-popup {
|
|
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,
|
|
.vector-limited-width-popup {
|
|
display: block;
|
|
}
|
|
}
|