fix: restore draggable logo scale slider
This commit is contained in:
@@ -300,13 +300,17 @@
|
|||||||
themesStore.setThemeHomeLogoScale(theme.key, value);
|
themesStore.setThemeHomeLogoScale(theme.key, value);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function isThemeControlTarget(target) {
|
||||||
|
return target?.closest?.("button,input,label,.admin-theme-card-option,.ui-range-input");
|
||||||
|
}
|
||||||
|
|
||||||
function selectTheme(theme, event = null) {
|
function selectTheme(theme, event = null) {
|
||||||
if (event?.target?.closest?.("button,input,label")) return;
|
if (isThemeControlTarget(event?.target)) return;
|
||||||
if (!themesSaving) themesStore.setCurrentTheme(theme.key);
|
if (!themesSaving) themesStore.setCurrentTheme(theme.key);
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleThemeKeydown(event, theme) {
|
function handleThemeKeydown(event, theme) {
|
||||||
if (event?.target?.closest?.("button,input,label")) return;
|
if (isThemeControlTarget(event?.target)) return;
|
||||||
if (event.key !== "Enter" && event.key !== " ") return;
|
if (event.key !== "Enter" && event.key !== " ") return;
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
selectTheme(theme);
|
selectTheme(theme);
|
||||||
@@ -581,7 +585,7 @@
|
|||||||
/>
|
/>
|
||||||
<span>{at("themes_use_in_admin", {}, "Использовать в админке")}</span>
|
<span>{at("themes_use_in_admin", {}, "Использовать в админке")}</span>
|
||||||
</label>
|
</label>
|
||||||
<label class="admin-theme-card-option appearance-logo-scale-row">
|
<div class="admin-theme-card-option appearance-logo-scale-row">
|
||||||
<span
|
<span
|
||||||
>{at(
|
>{at(
|
||||||
"appearance_theme_home_logo_scale",
|
"appearance_theme_home_logo_scale",
|
||||||
@@ -610,7 +614,7 @@
|
|||||||
/>
|
/>
|
||||||
%
|
%
|
||||||
</span>
|
</span>
|
||||||
</label>
|
</div>
|
||||||
<div class="appearance-theme-actions">
|
<div class="appearance-theme-actions">
|
||||||
<AdminButton
|
<AdminButton
|
||||||
size="sm"
|
size="sm"
|
||||||
|
|||||||
@@ -48,7 +48,7 @@
|
|||||||
{...$$restProps}
|
{...$$restProps}
|
||||||
>
|
>
|
||||||
<Slider.Range class="ui-range-input__range" />
|
<Slider.Range class="ui-range-input__range" />
|
||||||
<Slider.Thumb class="ui-range-input__thumb" aria-label={ariaLabel} />
|
<Slider.Thumb class="ui-range-input__thumb" index={0} aria-label={ariaLabel} />
|
||||||
</Slider.Root>
|
</Slider.Root>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|||||||
Reference in New Issue
Block a user