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

UX: improve styling of image attribution

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-12-16 01:39:10 +01:00
parent 7a3cb9fbdd
commit 2580a67e1f
4 changed files with 51 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/UI/Image/AttributedImage.svelte
View file

@ -5,6 +5,7 @@
import ImageAttribution from "./ImageAttribution.svelte"
import type { ProvidedImage } from "../../Logic/ImageProviders/ImageProvider"
import { Mapillary } from "../../Logic/ImageProviders/Mapillary"
import { UIEventSource } from "../../Logic/UIEventSource"
export let image: ProvidedImage
let fallbackImage: string = undefined
@ -14,11 +15,14 @@
let imgEl: HTMLImageElement
export let imgClass: string = undefined
export let previewedImage: UIEventSource<string> = undefined
</script>
<div class="relative">
<img bind:this={imgEl} src={image.url} class={imgClass ?? ""} on:error={(event) => {
<img bind:this={imgEl} src={image.url} class={imgClass ?? ""}
on:click={() => {previewedImage?.setData(image)}}
on:error={(event) => {
if(fallbackImage){
imgEl.src = fallbackImage
}