From 864e948e3e21b4109a334227a5edda8c63fdb5d5 Mon Sep 17 00:00:00 2001 From: Meysam Parvizi Date: Sun, 11 Oct 2026 19:04:07 +0200 Subject: [PATCH] style(map): reduce the corner radius of the Software/Hardware/Soft skills areas --- explorer/mapview.js | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/explorer/mapview.js b/explorer/mapview.js index 4a25a7e..dd5fc57 100644 --- a/explorer/mapview.js +++ b/explorer/mapview.js @@ -5,6 +5,7 @@ import { SPACE, buildLayout } from './layout.js'; const MIN_ZOOM = 0.6; const MAX_ZOOM = 6; +const AREA_RADIUS = 18; function intersect(a, b) { const x = Math.max(a.x, b.x); @@ -192,13 +193,13 @@ export function createMapView({ root, plan, data, build, onSelect }) { const sw = layout.areas.SOFTWARE; const hw = layout.areas.HARDWARE; const ss = layout.areas['SOFT SKILLS']; - rect(sw, { rx: 28, class: 'area-fill sw' }, layers.areas); - rect(hw, { rx: 28, class: 'area-fill hw' }, layers.areas); - rect(ss, { rx: 28, class: 'area-fill ss' }, layers.areas); + rect(sw, { rx: AREA_RADIUS, class: 'area-fill sw' }, layers.areas); + rect(hw, { rx: AREA_RADIUS, class: 'area-fill hw' }, layers.areas); + rect(ss, { rx: AREA_RADIUS, class: 'area-fill ss' }, layers.areas); rect(layout.cross, { class: 'overlap-fill' }, layers.overlap); - rect(sw, { rx: 28, class: 'area-line sw' }, layers.outlines); - rect(hw, { rx: 28, class: 'area-line hw' }, layers.outlines); - rect(ss, { rx: 28, class: 'area-line ss' }, layers.outlines); + rect(sw, { rx: AREA_RADIUS, class: 'area-line sw' }, layers.outlines); + rect(hw, { rx: AREA_RADIUS, class: 'area-line hw' }, layers.outlines); + rect(ss, { rx: AREA_RADIUS, class: 'area-line ss' }, layers.outlines); // Band names run down the left margin; every band reads as one area or a cross-section. for (const band of layout.bands) {