mirror of
https://github.com/shadoll/sLogos.git
synced 2025-12-20 04:27:59 +00:00
Add mouse down event handler to InlineSvg for improved interaction
This commit is contained in:
@@ -180,8 +180,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="country-map-section">
|
<div class="country-map-section">
|
||||||
<div bind:this={wrapperRef} style="width:100%;height:100%;position:relative; cursor: grab;" on:mousedown={onMouseDown}>
|
<div bind:this={wrapperRef} role="application" style="width:100%;height:100%;position:relative; cursor: grab;">
|
||||||
<InlineSvg path={mapPath} alt="World map" color={undefined} />
|
<InlineSvg path={mapPath} alt="World map" color={undefined} on:mousedown={onMouseDown} />
|
||||||
{#if countryScale}
|
{#if countryScale}
|
||||||
<div class="map-controls-on-map">
|
<div class="map-controls-on-map">
|
||||||
<button class="zoom-btn-on-map" on:click={zoomIn}>+</button>
|
<button class="zoom-btn-on-map" on:click={zoomIn}>+</button>
|
||||||
|
|||||||
Reference in New Issue
Block a user