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 { .selectedNode .node:not(.linkedSelected) path {
fill: lightgray !important; fill: lightgray !important;
opacity: .5;
/* same as linkHover/linkedHover but without border */ /* same as linkHover/linkedHover but without border */
} }
@ -560,3 +561,22 @@ p.subtitle {
#alluvial .flow_label text { #alluvial .flow_label text {
font-size: 30; 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> <body>
<div id='tooltip'></div> <div id='tooltip'></div>
<!-- <div id='closeSelection'>&times;</div> --> <div id='closeSelection'>&times;</div>
<div id='map'></div> <div id='map'></div>
<!-- <div id='alluvial'></div> --> <!-- <div id='alluvial'></div> -->