shrink icons for bearings trmams

catenarytransit · Feb 19, 2025 · 0afef3b · 0afef3b
1 parent fd2e3fc
commit 0afef3b
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 8 deletions.
diff --git a/src/components/addLayers/addLiveDots.ts b/src/components/addLayers/addLiveDots.ts
@@ -37,9 +37,9 @@ export async function makeCircleLayers(map: Map, darkMode: boolean, layerspercat
 		9,
 		0.18,
 		11,
-		0.22,
+		0.20,
 		12,
-		0.3,
+		0.25,
 		15,
 		0.5
 	];
@@ -81,9 +81,9 @@ export async function makeCircleLayers(map: Map, darkMode: boolean, layerspercat
 		9,
 		['literal', [0, -80]],
 		13,
-		['literal', [0, -60]],
+		['literal', [0, -45]],
 		15,
-		['literal', [0, -60]]
+		['literal', [0, -50]]
 	];
 
 	const [pointing_shell_light_image, pointing_filled_image, pointing_shell_image] =
@@ -334,7 +334,17 @@ export async function makeCircleLayers(map: Map, darkMode: boolean, layerspercat
 		], ['==', true, ['get', 'has_bearing']], ['!=', ['get', 'bearing'], 0]],
 		paint: {
 			'icon-color': ['get', 'contrastdarkmodebearing'],
-			'icon-opacity': 0.6
+			'icon-opacity': [
+				'interpolate',
+				['linear'],
+				['zoom'],
+				9,
+				0.4,
+				11,
+				0.5,
+				13,
+				0.6
+			]
 		},
 		layout: {
 			'icon-image': 'pointingcoloured',
@@ -357,7 +367,7 @@ export async function makeCircleLayers(map: Map, darkMode: boolean, layerspercat
 			["==", ['get', 'route_type'], 5]
 		], ['==', true, ['get', 'has_bearing']], ['!=', ['get', 'bearing'], 0]],
 		paint: {
-			'icon-opacity': ['interpolate', ['linear'], ['zoom'], 9.8, 0.3, 11, 0.4, 11.5, 0.8]
+			'icon-opacity': ['interpolate', ['linear'], ['zoom'], 9.8, 0.3, 11, 0.3, 11.5, 0.4, 12, 0.5]
 		},
 		layout: {
 			'icon-image': darkMode == true ? 'pointingshell' : 'pointingshelllight',

diff --git a/src/components/addLayers/addStops.ts b/src/components/addLayers/addStops.ts
@@ -159,10 +159,10 @@ export function addStopsLayers(map: Map, darkMode: boolean, layerspercategory: a
 		layout: {},
 		paint: {
 			'circle-color':  getCircleInside(darkMode),
-			'circle-radius': ['interpolate', ['linear'], ['zoom'], 8, 0.8, 12, 3, 15, 4],
+			'circle-radius': ['interpolate', ['linear'], ['zoom'], 8, 0.8, 10, 1, 12, 3, 15, 4],
 			'circle-stroke-color': getCircleOutside(darkMode),
 			'circle-stroke-width': ['step', ['zoom'], 1.2, 13.2, 1.5],
-			'circle-stroke-opacity': ['step', ['zoom'], 0.5, 15, 0.6],
+			'circle-stroke-opacity': ['step', ['zoom'], 0.4, 11, 0.5, 15, 0.6],
 			'circle-opacity': 0.8,
 			//'circle-emissive-strength': 1
 		},