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

Fix: keep map mouse-interactive when panning with arrow keys, some CSS-tweaks

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-12-21 01:49:36 +01:00
parent 319c0e2573
commit 512bb4c00e
5 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
public/css/index-tailwind-output.css
View file

@ -2517,6 +2517,7 @@ button.soft, .button.soft {
button.soft:hover, .button.soft:hover {
background-color: var(--interactive-background);
color: var(--interactive-foreground);
border: 2px solid var(--catch-detail-color-contrast);
}
.links-as-button a {

2
src/UI/Base/ShareButton.svelte
View file

@ -26,7 +26,7 @@
}
</script>
<button on:click={share} class="soft m-0 h-8 w-8 p-0" use:ariaLabel={Translations.t.general.share}>
<button on:click={share} class="soft no-image-background m-0 h-8 w-8 p-0" use:ariaLabel={Translations.t.general.share}>
<slot name="content">
<Share class="h-7 w-7 p-1" />
</slot>

2
src/UI/Popup/MarkAsFavouriteMini.svelte
View file

@ -27,7 +27,7 @@
<LoginToggle ignoreLoading={true} {state}>
{#if $isFavourite}
<button
class="m-0 h-8 w-8 p-0"
class="m-0 h-8 w-8 p-0 soft no-image-background"
on:click={() => markFavourite(false)}
use:ariaLabel={Translations.t.favouritePoi.button.isMarkedShort}
>

2
src/UI/ThemeViewGUI.svelte
View file

@ -165,7 +165,7 @@
{#if $visualFeedback}
<div
class="absolute top-0 left-0 flex h-screen w-screen items-center justify-center overflow-hidden"
class="absolute top-0 left-0 flex h-screen w-screen items-center justify-center overflow-hidden pointer-events-none"
>
<div bind:this={$viewport} style="border: 2px solid #ff000044; width: 300px; height: 300px" />
</div>

1
src/index.css
View file

@ -358,6 +358,7 @@ button.soft, .button.soft {
button.soft:hover, .button.soft:hover {
background-color: var(--interactive-background);
color: var(--interactive-foreground);
border: 2px solid var(--catch-detail-color-contrast);
}
.links-as-button a {