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

master
Aadhavan Srinivasan 1 month ago
parent f9cc824e3e
commit ce89a74e70

@ -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>

Loading…
Cancel
Save