midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

UI: flash border when hovering over the edit-button

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-07-29 03:14:57 +02:00
parent 337d0ec330
commit 3c3db7f933
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/UI/Popup/TagRendering/TagRenderingEditable.svelte
View file

@ -105,7 +105,7 @@
</button> </button>
</TagRenderingQuestion> </TagRenderingQuestion>
{:else} {:else}
<div class="low-interaction flex items-center justify-between overflow-hidden rounded pl-2"> <div class="low-interaction flex items-center justify-between overflow-hidden rounded pl-2 answer">
<TagRenderingAnswer <TagRenderingAnswer
id={answerId} id={answerId}
{config} {config}
@ -130,3 +130,14 @@
<TagRenderingAnswer {config} {tags} {selectedElement} {state} {layer} /> <TagRenderingAnswer {config} {tags} {selectedElement} {state} {layer} />
{/if} {/if}
</div> </div>
<style>
.answer {
border: 1px solid #00000000;
}
.answer:has(.edit-button:hover) {
border: 1px solid var(--catch-detail-color-contrast);
}
</style>