mirror of
https://github.com/home-assistant/frontend.git
synced 2025-12-19 18:28:42 +00:00
43 lines
1.3 KiB
TypeScript
43 lines
1.3 KiB
TypeScript
import { SubMenu } from "@material/web/menu/internal/submenu/sub-menu";
|
|
import { styles } from "@material/web/menu/internal/submenu/sub-menu-styles";
|
|
import { css } from "lit";
|
|
import { customElement } from "lit/decorators";
|
|
|
|
@customElement("ha-sub-menu")
|
|
export class HaSubMenu extends SubMenu {
|
|
async show() {
|
|
super.show();
|
|
this.menu.hasOverflow = false;
|
|
}
|
|
|
|
static override styles = [
|
|
styles,
|
|
css`
|
|
:host {
|
|
--ha-icon-display: block;
|
|
--md-sys-color-primary: var(--primary-text-color);
|
|
--md-sys-color-on-primary: var(--primary-text-color);
|
|
--md-sys-color-secondary: var(--secondary-text-color);
|
|
--md-sys-color-surface: var(--card-background-color);
|
|
--md-sys-color-on-surface: var(--primary-text-color);
|
|
--md-sys-color-on-surface-variant: var(--secondary-text-color);
|
|
--md-sys-color-secondary-container: rgba(
|
|
var(--rgb-primary-color),
|
|
0.15
|
|
);
|
|
--md-sys-color-on-secondary-container: var(--text-primary-color);
|
|
--mdc-icon-size: 16px;
|
|
|
|
--md-sys-color-on-primary-container: var(--primary-text-color);
|
|
--md-sys-color-on-secondary-container: var(--primary-text-color);
|
|
}
|
|
`,
|
|
];
|
|
}
|
|
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
"ha-sub-menu": HaSubMenu;
|
|
}
|
|
}
|