jonny
/
Vector-Local
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge "Horizontally and vertically align menu icon to design templates"

This commit is contained in:
jenkins-bot 2020-05-28 19:14:02 +00:00 committed by Gerrit Code Review
parent 896c6358f9 feb025d8a1
commit f3fa7d3298
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