Correct the user icon padding

Addresses topic 3 from Alex's feedback in:
    T191021#7228591

Bug: T191021
Change-Id: I12e5fea3f1893b94e520bcec91d52af9596a2fd4
This commit is contained in:
jdlrobson 2021-07-21 14:59:25 -07:00 committed by Jdlrobson
parent b621b3836f
commit 628c436f15

View file

@ -129,21 +129,20 @@
} }
.vector-user-menu-logged-in h3 { .vector-user-menu-logged-in h3 {
@offset-icon-down-arrow: 4px; // FIXME: Ideally this variable should be accessible from mediawiki.skin.variables
@bg-height: unit( 12px / @font-size-browser, em ); // Remove it when we can.
@icon-padding-md: unit( 12 / @font-size-browser, em );
@icon-arrow-size: unit( 12px / @font-size-browser, em );
padding-right: @icon-padding-md + @icon-arrow-size;
&:before { &:before {
color: #54595d; color: #54595d;
margin-left: -@offset-icon-down-arrow;
} }
&:after { &:after {
background-position: 100% 0%; background-position: 100% 0%;
// FIXME: Ideally this variable should be accessible from mediawiki.skin.variables top: @icon-padding-md + ( @icon-arrow-size / 2 );
// Remove it when we can. right: @icon-arrow-size;
@icon-padding-md: unit( 12 / @font-size-browser, em );
top: @icon-padding-md + ( @bg-height / 2 );
right: @offset-icon-down-arrow;
} }
} }
} }