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

UX: improve padding to prevent fat-fingers

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-09-13 20:22:03 +02:00
parent 694753f3dc
commit 89a20ca1af
2 changed files with 11 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
.versionrc.json
View file

@ -3,6 +3,13 @@
{"type": "feat", "section": "Features"}, {"type": "feat", "section": "Features"},
{"type": "fix", "section": "Bug Fixes"}, {"type": "fix", "section": "Bug Fixes"},
{"type": "themes", "section": "Theme improvements"}, {"type": "themes", "section": "Theme improvements"},
{"type": "UX",
"section": "User experience improvements"
},
{
"type": "UI",
"section": "User interface improvements"
},
{"type": "chore", "hidden": true}, {"type": "chore", "hidden": true},
{"type": "docs", "hidden": true}, {"type": "docs", "hidden": true},
{"type": "style", "hidden": true}, {"type": "style", "hidden": true},

8
src/UI/Popup/TagRendering/TagRenderingQuestion.svelte
View file

@ -343,7 +343,7 @@
{#if question !== undefined} {#if question !== undefined}
<div class={clss}> <div class={clss}>
<form <form
class="relative flex flex-col overflow-y-auto px-2" class="relative flex flex-col overflow-y-auto px-4"
style="max-height: 75vh" style="max-height: 75vh"
on:submit|preventDefault={() => { on:submit|preventDefault={() => {
/*onSave(); This submit is not needed and triggers too early, causing bugs: see #1808*/ /*onSave(); This submit is not needed and triggers too early, causing bugs: see #1808*/
@ -351,7 +351,7 @@
> >
<fieldset> <fieldset>
<legend> <legend>
<div class="sticky top-0 justify-between pt-1 font-bold" style="z-index: 11"> <div class="sticky top-0 justify-between pt-4 pb-2 font-bold" style="z-index: 11">
<SpecialTranslation t={question} {tags} {state} {layer} feature={selectedElement} /> <SpecialTranslation t={question} {tags} {state} {layer} feature={selectedElement} />
</div> </div>
@ -557,7 +557,7 @@
{/if} {/if}
<div class="flex flex-wrap-reverse items-stretch justify-end sm:flex-nowrap self-end flex-grow"> <div class="flex flex-wrap-reverse items-stretch justify-end sm:flex-nowrap self-end flex-grow mt-4 mb-2">
<!-- TagRenderingQuestion-buttons --> <!-- TagRenderingQuestion-buttons -->
<slot name="cancel" /> <slot name="cancel" />
@ -590,7 +590,7 @@
<TagHint {state} tags={selectedTags} currentProperties={$tags} /> <TagHint {state} tags={selectedTags} currentProperties={$tags} />
<span class="flex flex-wrap"> <span class="flex flex-wrap">
{#if $featureSwitchIsTesting} {#if $featureSwitchIsTesting}
<div class="alert">Testmode &nbsp;</div> <div class="alert" style="padding: 0; margin: 0; margin-right: 0.5rem">Testmode &nbsp;</div>
{/if} {/if}
{#if $featureSwitchIsTesting || $featureSwitchIsDebugging} {#if $featureSwitchIsTesting || $featureSwitchIsDebugging}
<a class="small" on:click={() => console.log("Configuration is ", config)}> <a class="small" on:click={() => console.log("Configuration is ", config)}>