MDL-56205 theme_boost: Adjust margin between icon and caret in dropdowns

This commit is contained in:
Frederic Massart 2016-11-16 13:29:56 +08:00 committed by Dan Poltawski
parent 751122dbc0
commit 6321934c73
2 changed files with 9 additions and 7 deletions

View file

@ -17,10 +17,6 @@
.dropdown-toggle { .dropdown-toggle {
/* So that the caret takes the colour of the icon. */ /* So that the caret takes the colour of the icon. */
color: #999; color: #999;
&::after {
margin-left: 0;
}
} }
} }

View file

@ -26,9 +26,15 @@ a:first-of-type > .icon {
margin-left: 0; margin-left: 0;
} }
// Fix the first item in a drop down menu (it's a list of links and icons, but has been made vertical. // Fix the space between the dropdown icon and the caret.
.dropdown .dropdown-item .icon { .action-menu {
margin-left: 0; .dropdown-toggle {
.icon {
// Use a negative margin on the icon to ensure that the dropdown toggle
// is an icon and not just text in which case the margin is needed.
margin-right: -$caret-width;
}
}
} }
// YUI 2 Tree View icons must not have a margin left. // YUI 2 Tree View icons must not have a margin left.