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

Increase size of color wheel cursor on mobile (#16723)

Browse Source
This commit is contained in:
Paul Bottein 2023-06-01 16:36:32 +02:00 committed by GitHub
parent e7f5d927b1
commit 47ac7062dc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ha-hs-color-picker.ts
View File

@ -317,9 +317,13 @@ class HaHsColorPicker extends LitElement {
const cy = ((y + 1) * size) / 2; const cy = ((y + 1) * size) / 2;
const markerPosition = `${cx}px, ${cy}px`; const markerPosition = `${cx}px, ${cy}px`;
const markerScale = this._pressed ? "1.5" : "1"; const markerScale = this._pressed
? this._pressed === "touch"
? "2.5"
: "1.5"
: "1";
const markerOffset = const markerOffset =
this._pressed === "touch" ? `0px, -${size / 8}px` : "0px, 0px"; this._pressed === "touch" ? `0px, -${size / 16}px` : "0px, 0px";
return html` return html`
<div class="container ${classMap({ pressed: Boolean(this._pressed) })}"> <div class="container ${classMap({ pressed: Boolean(this._pressed) })}">

8
src/components/ha-temp-color-picker.ts
View File

@ -305,9 +305,13 @@ class HaTempColorPicker extends LitElement {
const cy = ((y + 1) * size) / 2; const cy = ((y + 1) * size) / 2;
const markerPosition = `${cx}px, ${cy}px`; const markerPosition = `${cx}px, ${cy}px`;
const markerScale = this._pressed ? "1.5" : "1"; const markerScale = this._pressed
? this._pressed === "touch"
? "2.5"
: "1.5"
: "1";
const markerOffset = const markerOffset =
this._pressed === "touch" ? `0px, -${size / 8}px` : "0px, 0px"; this._pressed === "touch" ? `0px, -${size / 16}px` : "0px, 0px";
return html` return html`
<div class="container ${classMap({ pressed: Boolean(this._pressed) })}"> <div class="container ${classMap({ pressed: Boolean(this._pressed) })}">