jeans/esp-web-tools
jeans/esp-web-tools
1
0
Fork 0
mirror of https://github.com/esphome/esp-web-tools.git synced 2025-07-29 06:36:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Don't base font-size on HTML page (#214)

Browse Source
This commit is contained in:
Paulus Schoutsen 2022-04-11 23:29:43 -07:00 committed by GitHub
parent f34fab1c0f
commit 8a7176b93f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/styles.ts
View File

@ -1,5 +1,9 @@
import { css } from "lit"; import { css } from "lit";
// We set font-size to 16px and all the mdc typography styles
// because it defaults to rem, which means that the font-size
// of the host website would influence the ESP Web Tools dialog.
export const dialogStyles = css` export const dialogStyles = css`
:host { :host {
--mdc-theme-primary: var(--improv-primary-color, #03a9f4); --mdc-theme-primary: var(--improv-primary-color, #03a9f4);
@ -9,6 +13,13 @@ export const dialogStyles = css`
--mdc-theme-text-primary-on-background: var(--improv-text-color); --mdc-theme-text-primary-on-background: var(--improv-text-color);
--mdc-dialog-content-ink-color: var(--improv-text-color); --mdc-dialog-content-ink-color: var(--improv-text-color);
text-align: left; text-align: left;
font-size: 16px;
--mdc-typography-headline6-font-size: 1.25em;
--mdc-typography-headline6-line-height: 2em;
--mdc-typography-body1-font-size: 1em;
--mdc-typography-body1-line-height: 1.5em;
--mdc-typography-button-font-size: 0.875em;
--mdc-typography-button-line-height: 2.25em;
} }
a { a {