golem
/
VectorGOLEM
9
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

Horizontally and vertically align menu icon to design templates 

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