From 98348cbfceb35f95cfdba4f9a1706ad985a60540 Mon Sep 17 00:00:00 2001 From: Chris Holt Date: Tue, 16 Jun 2020 11:41:18 -0700 Subject: [PATCH] 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 --- .../fast-components-msft/src/styles/patterns/button.ts | 4 +++- .../fast-components/src/styles/patterns/button.ts | 4 +++- 2 files changed, 6 insertions(+), 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 index 5f6d801882b..1c9611159cf 100644 --- 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 index 3ff71bc12cd..0c2094d0dcf 100644 --- 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;