Merge pull request #170 from gillohner/issue-82

add borders to control-icons to fix shadow
teambtcmap · Feb 4, 2025 · 1e65601 · 1e65601
2 parents e8cf267 + ffaa8e2
commit 1e65601
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/lib/map/setup.ts b/src/lib/map/setup.ts
@@ -404,6 +404,7 @@ export const changeDefaultIcons = (
 		};
 	}
 	fullscreenButton.classList.add('dark:!bg-dark', 'dark:hover:!bg-dark/75', 'dark:border');
+	fullscreenButton.style.borderBottom = '1px solid #ccc';
 
 	leafletBar?.append(fullscreenButton);
 
@@ -433,6 +434,7 @@ export const geolocate = (L: Leaflet, map: Map) => {
 	);
 	if (locateButton) {
 		locateButton.style.borderRadius = '8px';
+		locateButton.style.borderBottom = '1px solid #ccc';
 		if (theme === 'light') {
 			const locateIcon: HTMLImageElement | null = document.querySelector('#locatebutton');
 			if (locateIcon) {
@@ -540,6 +542,7 @@ export const homeMarkerButtons = (
 					};
 				}
 				communityMapButton.classList.add('dark:!bg-dark', 'dark:hover:!bg-dark/75', 'dark:border');
+				communityMapButton.style.borderBottom = '1px solid #ccc';
 
 				addControlDiv.append(communityMapButton);
 			} else {

diff --git a/src/routes/map/+page.svelte b/src/routes/map/+page.svelte
@@ -465,6 +465,7 @@
 								: '/icons/boost.svg'
 					} alt='boost' class='inline' id='boost-layer'/>`;
 					boostLayerButton.style.borderRadius = '0 0 8px 8px';
+					boostLayerButton.style.borderBottom = '1px solid #ccc';
 					boostLayerButton.onclick = function toggleLayer() {
 						if (boosts) {
 							$page.url.searchParams.delete('boosts');