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

Fix unresponsive area

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-09-06 21:56:58 +02:00
parent 26b0db8c58
commit d7b0987960
2 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

7
InitUiElements.ts
View file

@ -274,10 +274,11 @@ export class InitUiElements {
const help = new MapControlButton(Svg.help_svg()); const help = new MapControlButton(Svg.help_svg());
help.onClick(() => isOpened.setData(true)); help.onClick(() => isOpened.setData(true));
new Toggle( new Toggle(
fullOptions.SetClass("welcomeMessage"), fullOptions.SetClass("welcomeMessage pointer-events-auto"),
help, help.SetClass("pointer-events-auto"),
isOpened isOpened
).AttachTo("messagesbox"); )
.AttachTo("messagesbox");
const openedTime = new Date().getTime(); const openedTime = new Date().getTime();
State.state.locationControl.addCallback(() => { State.state.locationControl.addCallback(() => {
if (new Date().getTime() - openedTime < 15 * 1000) { if (new Date().getTime() - openedTime < 15 * 1000) {

6
index.html
View file

@ -58,10 +58,10 @@
</div> </div>
<div id="fullscreen" class="hidden md:hidden fixed inset-0 block z-above-controls"></div> <div id="fullscreen" class="hidden md:hidden fixed inset-0 block z-above-controls"></div>
<div id="topleft-tools" class="z-index-above-map"> <div id="topleft-tools" class="z-index-above-map pointer-events-none">
<div class="p-3 flex flex-col items-end sm:items-start sm:flex-row sm:flex-wrap w-full sm:justify-between"> <div class="p-3 flex flex-col items-end sm:items-start sm:flex-row sm:flex-wrap w-full sm:justify-between">
<div id="searchbox" class="shadow rounded-full h-min w-full overflow-hidden sm:max-w-sm"></div> <div id="searchbox" class="shadow rounded-full h-min w-full overflow-hidden sm:max-w-sm pointer-events-auto"></div>
<div id="userbadge" class="m-1"></div> <div id="userbadge" class="m-1 pointer-events-auto"></div>
</div> </div>
<div id="messagesbox" class="rounded-3xl overflow-hidden ml-3"></div> <div id="messagesbox" class="rounded-3xl overflow-hidden ml-3"></div>
</div> </div>