close button and usability styling

This commit is contained in:
Ruben van de Ven 2021-08-13 11:55:14 +02:00
parent a4c73be6a6
commit ea9862eddc
2 changed files with 21 additions and 1 deletions

View file

@ -223,6 +223,7 @@ svg.zoomed.zoomed2 .node text.nodeTitle {
}
.selectedNode .node:not(.linkedSelected) path {
fill: lightgray !important;
opacity: .5;
/* same as linkHover/linkedHover but without border */
}
@ -560,3 +561,22 @@ p.subtitle {
#alluvial .flow_label text {
font-size: 30;
}
#closeSelection{
pointer-events: none;
opacity: 0;
position: absolute;
top: 0;
right: 0;
background-color: white;
font-size: 200%;
width: 35px;
text-align:center;
z-index: 10;
}
.selectedNode #closeSelection{
pointer-events: all;;
opacity: 1;
cursor: pointer;
}

View file

@ -9,7 +9,7 @@
<body>
<div id='tooltip'></div>
<!-- <div id='closeSelection'>&times;</div> -->
<div id='closeSelection'>&times;</div>
<div id='map'></div>
<!-- <div id='alluvial'></div> -->