Added a transparent fill, so that the language boundary can be 'hovered' on; added a hover action
This commit is contained in:
13
index.html
13
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>
|
||||
|
Reference in New Issue
Block a user