elgaard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

UX: add fade-out animation to menus to show where they can be found again

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-05-08 13:54:14 +02:00
parent 733c2c7d14
commit 2bd3806f9a
9 changed files with 107 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/UI/Base/FloatOver.svelte
View file

@ -11,7 +11,6 @@
*/
const dispatch = createEventDispatcher<{ close }>()
export let extraClasses = "p-4 md:p-6"
</script>
<!-- Draw the background over the total screen -->
@ -24,7 +23,7 @@
/>
<!-- draw a _second_ absolute div, placed using 'bottom' which will be above the navigation bar on mobile browsers -->
<div
class={twMerge("absolute bottom-0 right-0 h-full w-screen", extraClasses)}
class={"absolute bottom-0 right-0 h-full w-screen p-4 md:p-6"}
style="z-index: 21"
use:trapFocus
>