Indicate things are disabled in trace graph (#12550)

* Indicate things are disabled in trace graph

* Update hat-script-graph.ts
This commit is contained in:
Bram Kragten
2022-05-03 00:07:36 +02:00
committed by GitHub
parent 43e80f1a2e
commit ba8621fa2c
2 changed files with 111 additions and 23 deletions

View File

@@ -19,6 +19,8 @@ export class HatGraphNode extends LitElement {
@property({ reflect: true, type: Boolean }) disabled?: boolean;
@property({ reflect: true, type: Boolean }) notEnabled = false;
@property({ reflect: true, type: Boolean }) graphStart?: boolean;
@property({ type: Boolean, attribute: "nofocus" }) noFocus = false;
@@ -114,7 +116,8 @@ export class HatGraphNode extends LitElement {
--stroke-clr: var(--hover-clr);
--icon-clr: var(--default-icon-clr);
}
:host([disabled]) circle {
:host([notEnabled]) circle,
:host([notEnabled]) path.connector {
stroke: var(--disabled-clr);
}
svg {