Forker/fuwari
1
0
Fork 0
mirror of https://github.com/saicaca/fuwari.git synced 2026-01-10 14:22:51 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fixing Theme Color Selection Reset Button Animation (#563)
Some checks failed
Code quality / quality (push) Failing after 12s
Details
Build and Check / Astro Check for Node.js 22 (push) Failing after 5s
Details
Build and Check / Astro Check for Node.js 23 (push) Failing after 4s
Details
Build and Check / Astro Build for Node.js 22 (push) Failing after 4s
Details
Build and Check / Astro Build for Node.js 23 (push) Failing after 4s
Details

Browse Source 
There was no bug for this, but if you display the theme color selector on safari on iOS and the reset to default theme color button is visible, you can see that after the fade in animation finished to show the popup there is an abrupt change of position of this button.
This commit is contained in:
Carlos Company
2025-08-20 14:41:19 +02:00
committed by GitHub
parent 3850e3e82d
commit f0942ee8f7
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/widget/DisplaySettings.svelte
View File

@@ -23,7 +23,7 @@ $: if (hue || hue === 0) {
before:absolute before:-left-3 before:top-[0.33rem]"
>
{i18n(I18nKey.themeColor)}
<button aria-label="Reset to Default" class="btn-regular w-7 h-7 rounded-md active:scale-90"
<button aria-label="Reset to Default" class="btn-regular w-7 h-7 rounded-md active:scale-90 will-change-transform"
class:opacity-0={hue === defaultHue} class:pointer-events-none={hue === defaultHue} on:click={resetHue}>
<div class="text-[var(--btn-content)]">
<Icon icon="fa6-solid:arrow-rotate-left" class="text-[0.875rem]"></Icon>