MDL-62024 Theme boost: fix icon alignment for actionmenu
authorBas Brands <bas@moodle.com>
Mon, 23 Apr 2018 19:09:26 +0000 (21:09 +0200)
committerBas Brands <bas@moodle.com>
Mon, 23 Apr 2018 19:09:26 +0000 (21:09 +0200)
theme/boost/scss/moodle/icons.scss
theme/boost/templates/core/action_menu.mustache

index 4d29565..f559f3b 100644 (file)
@@ -33,6 +33,10 @@ $icon-big-height: 64px;
     color: $navbar-dark-color !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.action-menu-item a:first-of-type > .icon {
+    margin-left: 0.5rem;
+}
+
 // YUI 2 Tree View icons must not have a margin left.
 .ygtvcell .icon {
     margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
index 92aa3a6..c6878ea 100644 (file)
 <div class="action-menu {{classes}} d-inline"{{#attributes}} {{name}}="{{value}}"{{/attributes}}>
     {{#primary}}
 
-        <div class="{{classes}} d-flex justify-content-end "{{#attributes}} {{name}}="{{value}}"{{/attributes}}>
+        <div class="{{classes}} d-flex "{{#attributes}} {{name}}="{{value}}"{{/attributes}}>
 
             {{#prioritise}}{{> core/action_menu_trigger }}{{/prioritise}}
 
             {{#items}}
-                <div>
+                <div class="action-menu-item">
                     {{> core/action_menu_item }}
                 </div>
             {{/items}}
 
             {{^prioritise}}
-                <div>
+                <div class="action-menu-trigger">
                     {{> core/action_menu_trigger }}
                 </div>
             {{/prioritise}}