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

Fix display of disabled items in traces (#25293)

Browse Source
This commit is contained in:
Bram Kragten 2025-05-04 10:38:01 +03:00 committed by Paul Bottein
parent cfc7f91f03
commit 55770f3e02
No known key found for this signature in database
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/trace/ha-timeline.ts
View File

@ -11,8 +11,8 @@ export class HaTimeline extends LitElement {
@property({ type: Boolean, reflect: true }) public raised = false; @property({ type: Boolean, reflect: true }) public raised = false;
@property({ attribute: false, reflect: true, type: Boolean }) notEnabled = @property({ attribute: "not-enabled", reflect: true, type: Boolean })
false; notEnabled = false;
@property({ attribute: "last-item", type: Boolean }) public lastItem = false; @property({ attribute: "last-item", type: Boolean }) public lastItem = false;
@ -82,7 +82,7 @@ export class HaTimeline extends LitElement {
margin-inline-start: initial; margin-inline-start: initial;
width: 24px; width: 24px;
} }
:host([notEnabled]) ha-svg-icon { :host([not-enabled]) ha-svg-icon {
opacity: 0.5; opacity: 0.5;
} }
ha-svg-icon { ha-svg-icon {

10
src/components/trace/hat-graph-node.ts
View File

@ -17,8 +17,8 @@ export class HatGraphNode extends LitElement {
@property({ type: Boolean }) public error = false; @property({ type: Boolean }) public error = false;
@property({ attribute: false, reflect: true, type: Boolean }) notEnabled = @property({ attribute: "not-enabled", reflect: true, type: Boolean })
false; notEnabled = false;
@property({ attribute: "graph-start", reflect: true, type: Boolean }) @property({ attribute: "graph-start", reflect: true, type: Boolean })
graphStart = false; graphStart = false;
@ -127,13 +127,13 @@ export class HatGraphNode extends LitElement {
--stroke-clr: var(--hover-clr); --stroke-clr: var(--hover-clr);
--icon-clr: var(--default-icon-clr); --icon-clr: var(--default-icon-clr);
} }
:host([notEnabled]) circle { :host([not-enabled]) circle {
--stroke-clr: var(--disabled-clr); --stroke-clr: var(--disabled-clr);
} }
:host([notEnabled][active]) circle { :host([not-enabled][active]) circle {
--stroke-clr: var(--disabled-active-clr); --stroke-clr: var(--disabled-active-clr);
} }
:host([notEnabled]:hover) circle { :host([not-enabled]:hover) circle {
--stroke-clr: var(--disabled-hover-clr); --stroke-clr: var(--disabled-hover-clr);
} }
svg:not(.safari) { svg:not(.safari) {