mirror of
https://github.com/home-assistant/frontend.git
synced 2025-10-18 08:09:44 +00:00
52 lines
1.7 KiB
TypeScript
52 lines
1.7 KiB
TypeScript
import Tooltip from "@home-assistant/webawesome/dist/components/tooltip/tooltip";
|
|
import { css } from "lit";
|
|
import type { CSSResultGroup } from "lit";
|
|
import { customElement, property } from "lit/decorators";
|
|
|
|
@customElement("ha-tooltip")
|
|
export class HaTooltip extends Tooltip {
|
|
/** The amount of time to wait before showing the tooltip when the user mouses in. */
|
|
@property({ attribute: "show-delay", type: Number }) showDelay = 150;
|
|
|
|
/** The amount of time to wait before hiding the tooltip when the user mouses out.. */
|
|
@property({ attribute: "hide-delay", type: Number }) hideDelay = 400;
|
|
|
|
static get styles(): CSSResultGroup {
|
|
return [
|
|
Tooltip.styles,
|
|
css`
|
|
:host {
|
|
--wa-tooltip-background-color: var(--secondary-background-color);
|
|
--wa-tooltip-content-color: var(--primary-text-color);
|
|
--wa-tooltip-font-family: var(
|
|
--ha-tooltip-font-family,
|
|
var(--ha-font-family-body)
|
|
);
|
|
--wa-tooltip-font-size: var(
|
|
--ha-tooltip-font-size,
|
|
var(--ha-font-size-s)
|
|
);
|
|
--wa-tooltip-font-weight: var(
|
|
--ha-tooltip-font-weight,
|
|
var(--ha-font-weight-normal)
|
|
);
|
|
--wa-tooltip-line-height: var(
|
|
--ha-tooltip-line-height,
|
|
var(--ha-line-height-condensed)
|
|
);
|
|
--wa-tooltip-padding: 8px;
|
|
--wa-tooltip-border-radius: var(--ha-tooltip-border-radius, 4px);
|
|
--wa-tooltip-arrow-size: var(--ha-tooltip-arrow-size, 8px);
|
|
--wa-z-index-tooltip: var(--ha-tooltip-z-index, 1000);
|
|
}
|
|
`,
|
|
];
|
|
}
|
|
}
|
|
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
"ha-tooltip": HaTooltip;
|
|
}
|
|
}
|