diff --git a/src/assets/css/components/map.css b/src/assets/css/components/map.css index 9ea347c..722cfcf 100644 --- a/src/assets/css/components/map.css +++ b/src/assets/css/components/map.css @@ -16,5 +16,45 @@ @apply hidden; } } + .leaflet-control-container{ + .leaflet-control-zoom{ + @apply border-0; + } + } + &.leaflet-touch{ + .leaflet-bar{ + a{ + @apply w-9 h-9 rounded-none border-b-0 -indent-[9999px] flex items-center justify-center; + &::after{ + content: ''; + @apply w-[17px] h-[17px] bg-no-repeat bg-center bg-contain; + } + &:first-child{ + @apply mb-px; + &::after{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 9H0V8h17v1Z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0v17H8V0h1Z' fill='%23000'/%3E%3C/svg%3E"); + } + &:hover{ + &::after{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 9H0V8h17v1Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0v17H8V0h1Z' fill='%23fff'/%3E%3C/svg%3E"); + } + } + } + &:last-child{ + &::after{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 1'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 1H0V0h17v1Z' fill='%23000'/%3E%3C/svg%3E"); + } + &:hover{ + &::after{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 1'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 1H0V0h17v1Z' fill='%23fff'/%3E%3C/svg%3E"); + } + } + } + &:hover{ + @apply bg-black; + } + } + } + } } } \ No newline at end of file diff --git a/src/assets/css/components/tease.css b/src/assets/css/components/tease.css index 73bc7a1..3281ee8 100644 --- a/src/assets/css/components/tease.css +++ b/src/assets/css/components/tease.css @@ -39,7 +39,7 @@ @apply text-size-md font-bold; } } - &:hover:not(.tease--test){ + &:hover{ .tease__img{ @apply h-full !important; } diff --git a/src/blocks/map.twig b/src/blocks/map.twig index f43446a..e25c82c 100644 --- a/src/blocks/map.twig +++ b/src/blocks/map.twig @@ -9,9 +9,11 @@ L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 19, + scrollWheelZoom: false, attribution: '© OpenStreetMap' }).addTo(map); + map.scrollWheelZoom.disable() var buildings = [ [ @@ -61,11 +63,11 @@ ] for (let index = 0; index < buildings.length; index++) { - var circle = L.circle(buildings[index][0], { + var circle = L.circleMarker(buildings[index][0], { color: '#000', fillColor: '#000', fillOpacity: 1, - radius: 24 + radius: 9 }).addTo(map); circle.bindPopup(buildings[index][1]);