wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-09-24 02:39:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Misc page tools visual fixes

Browse source 
- Fixes extra spacing introduced in https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/877239
- Addresses last of design adjustments in https://phabricator.wikimedia.org/T324877#8519138

Bug: T324877
Change-Id: Ia2cba7eb60739f0af8153c6c4246aa80d2a189c0
This commit is contained in:
bwang 2023-01-12 11:35:01 -06:00
parent 67cde518cd
commit 888170264f
3 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
resources/skins.vector.styles/components/Dropdown.less
View file

@ -33,6 +33,7 @@
}
.vector-feature-page-tools-enabled & {
padding: 4px 0;
// TODO Add consistent min/max values for dropdowns in T316055
width: max-content;
max-width: 200px;

2
resources/skins.vector.styles/components/MainMenu.less
View file

@ -47,6 +47,8 @@
.vector-feature-page-tools-enabled #vector-main-menu-pinned-container .vector-main-menu {
// Align the left edge of the text with the page container
margin-left: -@padding-horizontal-dropdown-menu-item;
// Align border under pinnable header with border under page title
margin-top: 11px;
padding: @padding-vertical-dropdown-menu-item @padding-horizontal-dropdown-menu-item;
background-color: @background-color-secondary--modern;

5
resources/skins.vector.styles/layouts/grid.less
View file

@ -137,12 +137,15 @@
.vector-feature-page-tools-enabled .mw-body {
display: grid;
grid-auto-rows: auto;
column-gap: @grid-column-gap;
grid-template-columns: ~'minmax(0, @{max-width-content-container}) min-content';
grid-template-areas: 'titlebar .'
'toolbar columnEnd'
'content columnEnd';
.vector-feature-page-tools-pinned-enabled& {
column-gap: @grid-column-gap;
}
.vector-feature-limited-width-disabled&,
.vector-feature-limited-width-content-disabled& {
grid-template-columns: ~'1fr min-content';