From ce89a74e7014fe9b8b93a8b1812e3600731ead6c Mon Sep 17 00:00:00 2001 From: Aadhavan Srinivasan Date: Thu, 27 Feb 2025 09:35:24 -0500 Subject: [PATCH] Added a transparent fill, so that the language boundary can be 'hovered' on; added a hover action --- index.html | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 7e46009..2e58c6b 100644 --- a/index.html +++ b/index.html @@ -27,7 +27,10 @@ } .language { stroke: red; - fill: none; + /* There has to be a fill, even if it's transparent, to allow + hover events to be recognized on the inside. */ + fill: black; + fill-opacity: 0.0; stroke-width: 2; } @@ -36,15 +39,15 @@ stroke-width: 0.5; transition: fill 0.3s; } - .district:hover { - stroke-width: 1.5; + .language:hover { + stroke-width: 3; } .districtText { visibility: hidden; } - .district:hover ~ .districtText { +/* .district:hover ~ .districtText { visibility: visible; - } + }*/