fix: inherit font size and line height in hypertext styles (#3320)

* fix: inherit font size and line height in hypertext styles * update control display property to ensure consistent alignment while inline
microsoft · Jun 16, 2020 · 98348cb · 98348cb
1 parent aedaae0
commit 98348cb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/web-components/fast-components-msft/src/styles/patterns/button.ts b/packages/web-components/fast-components-msft/src/styles/patterns/button.ts
@@ -143,11 +143,13 @@ export const AccentButtonStyles = css`
 export const HypertextStyles = css`
     :host(.hypertext) {
         height: auto;
+        font-size: inherit;
+        line-height: inherit;
         background: transparent;
-        vertical-align: bottom;
     }
 
     :host(.hypertext) .control {
+        display: inline;
         padding: 0;
         border: none;
         box-shadow: none;

diff --git a/packages/web-components/fast-components/src/styles/patterns/button.ts b/packages/web-components/fast-components/src/styles/patterns/button.ts
@@ -142,12 +142,14 @@ export const AccentButtonStyles = css`
  */
 export const HypertextStyles = css`
     :host(.hypertext) {
+        font-size: inherit;
+        line-height: inherit;
         height: auto;
         background: transparent;
-        vertical-align: bottom;
     }
 
     :host(.hypertext) .control {
+        display: inline;
         padding: 0;
         border: none;
         box-shadow: none;