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

Fix integration card tooltip (#16779)

Browse Source 
* Fix integration card tooltip

* Update src/panels/config/integrations/ha-integration-header.ts

Co-authored-by: Bram Kragten <mail@bramkragten.nl>

---------

Co-authored-by: Bram Kragten <mail@bramkragten.nl>
This commit is contained in:
Paul Bottein 2023-06-05 16:13:27 +02:00 committed by GitHub
parent 1470eb484f
commit 677cd2de10
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/panels/config/integrations/ha-integration-header.ts
View File

@ -3,6 +3,7 @@ import { mdiCloud, mdiPackageVariant } from "@mdi/js";
import { css, html, LitElement, TemplateResult } from "lit"; import { css, html, LitElement, TemplateResult } from "lit";
import { customElement, property } from "lit/decorators"; import { customElement, property } from "lit/decorators";
import { classMap } from "lit/directives/class-map"; import { classMap } from "lit/directives/class-map";
import { computeRTL } from "../../../common/util/compute_rtl";
import "../../../components/ha-svg-icon"; import "../../../components/ha-svg-icon";
import { domainToName, IntegrationManifest } from "../../../data/integration"; import { domainToName, IntegrationManifest } from "../../../data/integration";
import { HomeAssistant } from "../../../types"; import { HomeAssistant } from "../../../types";
@ -94,7 +95,10 @@ export class HaIntegrationHeader extends LitElement {
([icon, description]) => html` ([icon, description]) => html`
<span> <span>
<ha-svg-icon .path=${icon}></ha-svg-icon> <ha-svg-icon .path=${icon}></ha-svg-icon>
<simple-tooltip animation-delay="0" <simple-tooltip
animation-delay="0"
.position=${computeRTL(this.hass) ? "left" : "right"}
offset="4"
>${description}</simple-tooltip >${description}</simple-tooltip
> >
</span> </span>
@ -184,6 +188,9 @@ export class HaIntegrationHeader extends LitElement {
left: 40px; left: 40px;
top: 40px; top: 40px;
display: flex; display: flex;
padding: 4px;
inset-inline-start: 40px;
inset-inline-end: initial;
} }
.icons.cloud { .icons.cloud {
background: var(--info-color); background: var(--info-color);
@ -191,14 +198,18 @@ export class HaIntegrationHeader extends LitElement {
.icons.double { .icons.double {
background: var(--warning-color); background: var(--warning-color);
left: 28px; left: 28px;
inset-inline-start: 28px;
inset-inline-end: initial;
} }
.icons ha-svg-icon { .icons ha-svg-icon {
width: 16px; width: 16px;
height: 16px; height: 16px;
margin: 4px; display: block;
} }
.icons span:not(:first-child) ha-svg-icon { .icons span:not(:first-child) ha-svg-icon {
margin-left: 0; margin-left: 4px;
margin-inline-start: 4px;
margin-inline-end: inherit;
} }
simple-tooltip { simple-tooltip {
white-space: nowrap; white-space: nowrap;