jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-12 11:56:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use FabBase

Browse Source
This commit is contained in:
Bram Kragten 2022-05-11 14:25:43 +02:00
parent 2040a49458
commit a08a23a93d
No known key found for this signature in database
GPG Key ID: FBE2DFDB363EF55B
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/ha-fab.ts
View File

@ -1,23 +1,25 @@
import { Fab } from "@material/mwc-fab"; import { FabBase } from "@material/mwc-fab/mwc-fab-base";
import { styles } from "@material/mwc-fab/mwc-fab.css";
import { customElement } from "lit/decorators"; import { customElement } from "lit/decorators";
import { css } from "lit"; import { css } from "lit";
@customElement("ha-fab") @customElement("ha-fab")
export class HaFab extends Fab { export class HaFab extends FabBase {
protected firstUpdated(changedProperties) { protected firstUpdated(changedProperties) {
super.firstUpdated(changedProperties); super.firstUpdated(changedProperties);
this.style.setProperty("--mdc-theme-secondary", "var(--primary-color)"); this.style.setProperty("--mdc-theme-secondary", "var(--primary-color)");
} }
static override styles = Fab.styles.concat([ static override styles = [
styles,
css` css`
.mdc-fab--extended .mdc-fab__icon { .mdc-fab--extended .mdc-fab__icon {
margin-inline-start: -8px !important; margin-inline-start: -8px;
margin-inline-end: 12px !important; margin-inline-end: 12px;
direction: var(--direction) !important; direction: var(--direction);
} }
`, `,
]); ];
} }
declare global { declare global {