wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-28 01:20:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Horizontally and vertically align menu icon to design templates

Browse source 
Put icon on one line with sidebar contents horizontally and with
logo vertically.

Bug: T246419
Change-Id: I6876e6f39a5f804ad4459cd9721c796ae7a8e3fb
This commit is contained in:
Volker E 2020-05-27 20:18:56 -07:00
parent 15a30c26f8
commit feb025d8a1
2 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
resources/skins.vector.styles/Sidebar.less
View file

@ -21,9 +21,9 @@
.mw-checkbox-hack-button {
// The icon is only 44px tall but the header is 50px. Offset by the difference from the logo
// icon and center with respect to the header.
top: @height-logo-icon - @size-sidebar-button + ( @height-header - @height-logo-icon ) / 2;
// Some made up value to be revised by Alex.
left: 10px;
top: @margin-top-header + ( ( @height-logo-icon - @size-sidebar-button ) / 2 );
// FIXME: Replace by proper calculation and variable.
left: 14px;
}
.mw-checkbox-hack-button {

3
variables.less
View file

@ -61,6 +61,7 @@
@line-height-footer-info: 1.4;
@line-height-footer-buttons: 2;
@size-sidebar-button: unit( 44 / @font-size-browser, em ); // Equals `2.75em`.
// FIXME: Use global variable since Echo and CentralNotice use this variable
@border-color-content: #a7d7f9;
// Due to darker background gradient, border needs to be darkened for aligned visual perception.
@ -138,5 +139,3 @@
// Transitions
@transition-duration-base: 100ms;
@size-sidebar-button: 2.75em; // 44px