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

Fix: make top and bottom panels click-through

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-05-18 23:41:23 +02:00
parent e83b8cb191
commit 0db6a89777
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
UI/ThemeViewGUI.svelte
View file

@ -104,10 +104,10 @@
<MaplibreMap map={maplibremap}></MaplibreMap> <MaplibreMap map={maplibremap}></MaplibreMap>
</div> </div>
<div class="absolute top-0 left-0 w-full "> <div class="absolute top-0 left-0 w-full pointer-events-none">
<!-- Top components --> <!-- Top components -->
<If condition={state.featureSwitches.featureSwitchSearch}> <If condition={state.featureSwitches.featureSwitchSearch}>
<div class="max-[480px]:w-full float-right mt-1 px-1 sm:m-2"> <div class="max-[480px]:w-full float-right mt-1 px-1 sm:m-2 pointer-events-auto">
<Geosearch bounds={state.mapProperties.bounds} perLayer={state.perLayer} {selectedElement} <Geosearch bounds={state.mapProperties.bounds} perLayer={state.perLayer} {selectedElement}
{selectedLayer}/> {selectedLayer}/>
</div> </div>
@ -131,7 +131,7 @@
construct={() =>(currentViewLayer.defaultIcon()).SetClass("w-8 h-8 cursor-pointer")}/> construct={() =>(currentViewLayer.defaultIcon()).SetClass("w-8 h-8 cursor-pointer")}/>
</MapControlButton> </MapControlButton>
{/if} {/if}
<ToSvelte construct={() => new ExtraLinkButton(state, layout.extraLink)}></ToSvelte> <ToSvelte construct={() => new ExtraLinkButton(state, layout.extraLink).SetClass("pointer-events-auto")}></ToSvelte>
<If condition={state.featureSwitchIsTesting}> <If condition={state.featureSwitchIsTesting}>
<div class="alert w-fit"> <div class="alert w-fit">
Testmode Testmode
@ -141,14 +141,14 @@
</div> </div>
</div> </div>
<div class="absolute bottom-0 left-0 mb-4 w-screen"> <div class="absolute bottom-0 left-0 mb-4 w-screen pointer-events-none">
<div class="w-full flex justify-between px-4 items-end"> <div class="w-full flex justify-between px-4 items-end">
<div> <div>
<!-- bottom left elements --> <!-- bottom left elements -->
<MapControlButton on:click={() => state.guistate.backgroundLayerSelectionIsOpened.setData(true)}> <MapControlButton on:click={() => state.guistate.backgroundLayerSelectionIsOpened.setData(true)}>
<Square3Stack3dIcon class="w-6 h-6"/> <Square3Stack3dIcon class="w-6 h-6"/>
</MapControlButton> </MapControlButton>
<a class="opacity-50 hover:opacity-100 text-white cursor-pointer bg-black-transparent px-1 rounded-2xl" <a class="pointer-events-auto opacity-50 hover:opacity-100 text-white cursor-pointer bg-black-transparent px-1 rounded-2xl"
on:click={() =>{ state.guistate.themeViewTab.setData("copyright"); state.guistate.themeIsOpened.setData(true)}}> on:click={() =>{ state.guistate.themeViewTab.setData("copyright"); state.guistate.themeIsOpened.setData(true)}}>
© OpenStreetMap | <span class="w-24">{rasterLayerName}</span> © OpenStreetMap | <span class="w-24">{rasterLayerName}</span>
</a> </a>