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

Make target area of slider thumb larger (#27550)

Browse Source
This commit is contained in:
Jan-Philipp Benecke
2025-10-17 18:12:08 +02:00
committed by GitHub
parent 01dd731622
commit a8e0d506b6
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/ha-slider.ts
View File

@@ -59,6 +59,17 @@ export class HaSlider extends Slider {
background-color: var(--ha-slider-thumb-color, var(--primary-color)); background-color: var(--ha-slider-thumb-color, var(--primary-color));
} }
#thumb:after {
content: "";
border-radius: 50%;
position: absolute;
width: calc(var(--thumb-width) * 2 + 8px);
height: calc(var(--thumb-height) * 2 + 8px);
left: calc(-50% - 4px);
top: calc(-50% - 4px);
cursor: pointer;
}
#slider:focus-visible:not(.disabled) #thumb, #slider:focus-visible:not(.disabled) #thumb,
#slider:focus-visible:not(.disabled) #thumb-min, #slider:focus-visible:not(.disabled) #thumb-min,
#slider:focus-visible:not(.disabled) #thumb-max { #slider:focus-visible:not(.disabled) #thumb-max {