Added a transparent fill, so that the language boundary can be 'hovered' on; added a hover action

4 months ago · ce89a74e70
parent f9cc824e3e
commit ce89a74e70
1 changed files with 8 additions and 5 deletions
--- 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;
-			}
+			}*/
 		</style>
 	</head>
 	<body>