Fix donation amount slider on touch devices

This commit is contained in:
Mononaut 2022-04-29 17:12:17 -06:00
parent d386f01586
commit b13db6f3e5
3 changed files with 9 additions and 2 deletions

View File

@ -282,6 +282,12 @@
}
}
@media screen and (max-height: 760px) {
.explore-button {
bottom: -1em;
}
}
.block-info.landscape {
bottom: unset;
left: unset;

View File

@ -575,7 +575,7 @@
{/if}
{#if $loading}
<div class="loading-overlay" in:fade={{ delay: 100, duration: 500 }} out:fade={{ duration: 200 }}>
<div class="loading-overlay" in:fade={{ delay: 500, duration: 500 }} out:fade={{ duration: 200 }}>
<div class="loading-wrapper">
<LoadingAnimation />
<p class="loading-msg">loading</p>

View File

@ -110,7 +110,7 @@ function cancelDrag (e) {
</div>
{/each}
</div>
<span class="handle" style={handleStyle} on:pointerdown={startDrag}/>
<span class="handle" style={handleStyle} on:pointerdown={startDrag} draggable={false}/>
</div>
</div>
@ -118,6 +118,7 @@ function cancelDrag (e) {
.satoshi-slider {
width: 100%;
position: relative;
touch-action: none;
.track {
position: relative;