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

More styling

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-06-17 04:27:08 +02:00
parent 6a67b9f2f2
commit 08ab5a58fb
38 changed files with 474 additions and 493 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -14,13 +14,16 @@
<div
class="absolute top-0 left-0 h-screen w-screen"
on:click={() => {
console.log("OnClose")
dispatch("close")
}}
style="background-color: #00000088; z-index: 20"
/>
<!-- draw a _second_ absolute div, placed using 'bottom' which will be above the navigation bar on mobile browsers -->
<div class={"absolute bottom-0 right-0 h-full w-screen p-4 md:p-6"} style="z-index: 21">
<div class="content normal-background h-full" on:click|stopPropagation={() => {}}>
<div class="absolute bottom-0 right-0 h-full w-screen p-4 md:p-6 pointer-events-none" style="z-index: 21" on:click={() =>{
console.log("Closing...")
dispatch("close")}}>
<div class="content normal-background h-full pointer-events-auto" on:click|stopPropagation={() => {}}>
<div class="h-full rounded-xl">
<slot />
</div>