Change files

microsoft · Dec 2, 2020 · 2edfe83 · 2edfe83
1 parent 17423cd
commit 2edfe83
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/...onents-2020-12-01-17-53-49-users-chhol-add-default-slotted-nodes-behavior-for-button.json b/...onents-2020-12-01-17-53-49-users-chhol-add-default-slotted-nodes-behavior-for-button.json
@@ -0,0 +1,8 @@
+{
+  "type": "minor",
+  "comment": "add a class to button in shadow DOM when default slotted content is only an svg icon",
+  "packageName": "@fluentui/web-components",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-12-02T01:53:49.793Z"
+}
diff --git a/packages/web-components/docs/api-report.md b/packages/web-components/docs/api-report.md
@@ -189,6 +189,7 @@ export class FluentButton extends Button {
     appearanceChanged(oldValue: ButtonAppearance, newValue: ButtonAppearance): void;
     // @internal (undocumented)
     connectedCallback(): void;
+    defaultSlottedContentChanged(): void;
 }
 
 // @public

diff --git a/packages/web-components/src/styles/patterns/button.ts b/packages/web-components/src/styles/patterns/button.ts
@@ -68,10 +68,7 @@ export const BaseButtonStyles: ElementStyles = css`
 
     .control.icon-only {
         padding: 0;
-    }
-
-    .control.icon-only span {
-        display: inline-flex;
+        line-height: 0;
     }
 
     :host(:hover) {