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

Replace internal material/web usages (#18219)

Browse Source 
Co-authored-by: Bram Kragten <mail@bramkragten.nl>
This commit is contained in:
Simon Lamon 2023-10-16 15:42:59 +02:00 committed by GitHub
parent c3a9682861
commit b6fe0cfa1b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ha-outlined-button.ts
View File

@ -1,14 +1,11 @@
import { css } from "lit"; import { css } from "lit";
import { customElement } from "lit/decorators"; import { customElement } from "lit/decorators";
import { OutlinedButton } from "@material/web/button/internal/outlined-button"; import { MdOutlinedButton } from "@material/web/button/outlined-button";
import { styles as outlinedStyles } from "@material/web/button/internal/outlined-styles.css";
import { styles as sharedStyles } from "@material/web/button/internal/shared-styles.css";
@customElement("ha-outlined-button") @customElement("ha-outlined-button")
export class HaOutlinedButton extends OutlinedButton { export class HaOutlinedButton extends MdOutlinedButton {
static override styles = [ static override styles = [
sharedStyles, ...super.styles,
outlinedStyles,
css` css`
:host { :host {
--ha-icon-display: block; --ha-icon-display: block;

16
src/components/ha-outlined-icon-button.ts
View File

@ -1,21 +1,11 @@
import { css } from "lit"; import { css } from "lit";
import { customElement } from "lit/decorators"; import { customElement } from "lit/decorators";
import { IconButton } from "@material/web/iconbutton/internal/icon-button"; import { MdOutlinedIconButton } from "@material/web/iconbutton/outlined-icon-button";
import { styles as outlinedStyles } from "@material/web/iconbutton/internal/outlined-styles.css";
import { styles as sharedStyles } from "@material/web/iconbutton/internal/shared-styles.css";
@customElement("ha-outlined-icon-button") @customElement("ha-outlined-icon-button")
export class HaOutlinedIconButton extends IconButton { export class HaOutlinedIconButton extends MdOutlinedIconButton {
protected override getRenderClasses() {
return {
...super.getRenderClasses(),
outlined: true,
};
}
static override styles = [ static override styles = [
sharedStyles, ...super.styles,
outlinedStyles,
css` css`
:host { :host {
--ha-icon-display: block; --ha-icon-display: block;