Merge "Reduce margin in icon and label combination"

This commit is contained in:
jenkins-bot 2020-02-26 18:50:27 +00:00 committed by Gerrit Code Review
commit 00f515cce5
2 changed files with 3 additions and 2 deletions

View file

@ -57,6 +57,7 @@
@icon-glyph-size-md: 20; @icon-glyph-size-md: 20;
@icon-size-md: unit( @icon-glyph-size-md / @font-size-browser, em ); @icon-size-md: unit( @icon-glyph-size-md / @font-size-browser, em );
@icon-padding-md: unit( ( @icon-touch-area-md - @icon-glyph-size-md ) / 2 / @font-size-browser, em ); @icon-padding-md: unit( ( @icon-touch-area-md - @icon-glyph-size-md ) / 2 / @font-size-browser, em );
@margin-icon-md-labelled: 8px;
// Navigation Drawers // Navigation Drawers
@rightDrawerWidth: 60%; @rightDrawerWidth: 60%;

View file

@ -175,7 +175,7 @@
min-height: @icon-size-md; min-height: @icon-size-md;
// alignment. Margin is added to separate accompanying text. // alignment. Margin is added to separate accompanying text.
margin-right: @icon-padding-md; margin-right: @margin-icon-md-labelled;
vertical-align: middle; vertical-align: middle;
} }
@ -200,7 +200,7 @@
width: auto; width: auto;
display: inline-block; display: inline-block;
// Don't use `@icon-padding-md` as we are adjacent to text. // Don't use `@icon-padding-md` as we are adjacent to text.
margin-right: 8px; margin-right: @margin-icon-md-labelled;
// Seems to be more visually centered than `middle`. // Seems to be more visually centered than `middle`.
vertical-align: text-bottom; vertical-align: text-bottom;
} }