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

Use colored slider background for more info (#16633)

Browse Source
This commit is contained in:
Paul Bottein 2023-05-26 17:45:57 +02:00 committed by GitHub
parent 54b4c9f347
commit 633c6cfc9b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/dialogs/more-info/components/cover/ha-more-info-cover-tilt-position.ts
View File

@ -91,6 +91,7 @@ export class HaMoreInfoCoverTiltPosition extends LitElement {
)}
style=${styleMap({
"--control-slider-color": color,
"--control-slider-background": color,
})}
.disabled=${isUnavailable}
>
@ -110,8 +111,8 @@ export class HaMoreInfoCoverTiltPosition extends LitElement {
--control-slider-thickness: 100px;
--control-slider-border-radius: 24px;
--control-slider-color: var(--primary-color);
--control-slider-background: var(--disabled-color);
--control-slider-background-opacity: 0.2;
--control-slider-background: var(--control-slider-color);
}
.gradient {
background: -webkit-linear-gradient(top, ${GRADIENT});

2
src/dialogs/more-info/components/fan/ha-more-info-fan-speed.ts
View File

@ -110,6 +110,7 @@ export class HaMoreInfoFanSpeed extends LitElement {
)}
style=${styleMap({
"--control-select-color": color,
"--control-select-background": color,
})}
.disabled=${this.stateObj.state === UNAVAILABLE}
>
@ -133,6 +134,7 @@ export class HaMoreInfoFanSpeed extends LitElement {
)}
style=${styleMap({
"--control-slider-color": color,
"--control-slider-background": color,
})}
.disabled=${this.stateObj.state === UNAVAILABLE}
>

1
src/dialogs/more-info/components/lights/ha-more-info-light-brightness.ts
View File

@ -74,6 +74,7 @@ export class HaMoreInfoLightBrightness extends LitElement {
)}
style=${styleMap({
"--control-slider-color": color,
"--control-slider-background": color,
})}
.disabled=${this.stateObj.state === UNAVAILABLE}
>