remove fixed width and height start and end slot in menu-item and button

microsoft · Oct 27, 2020 · d08e9b0 · d08e9b0
1 parent cacfefe
commit d08e9b0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/web-components/fast-components/src/menu-item/menu-item.styles.ts b/packages/web-components/fast-components/src/menu-item/menu-item.styles.ts
@@ -83,7 +83,10 @@ export const MenuItemStyles = css`
     }
 
     .start,
-    .end,
+    .end {
+        display: flex;
+    }
+
     ::slotted(svg) {
         ${
             /* Glyph size and margin-left is temporary - 

diff --git a/packages/web-components/fast-components/src/styles/patterns/button.ts b/packages/web-components/fast-components/src/styles/patterns/button.ts
@@ -90,7 +90,10 @@ export const BaseButtonStyles = css`
     }
 
     .start,
-    .end,
+    .end {
+        display: flex;
+    }
+
     ::slotted(svg) {
         ${
             /* Glyph size and margin-left is temporary -
-Original file line number
+Diff line change
@@ Expand Up / @@ -83,7 +83,10 @@ export const MenuItemStyles = css` @@
         }
         .start,
-        .end,
+        .end {
+            display: flex;
+        }
         ::slotted(svg) {
             ${
                 /* Glyph size and margin-left is temporary -
@@ Expand Down @@