close button and usability styling
This commit is contained in:
parent
a4c73be6a6
commit
ea9862eddc
2 changed files with 21 additions and 1 deletions
|
@ -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;
|
||||
}
|
|
@ -9,7 +9,7 @@
|
|||
<body>
|
||||
|
||||
<div id='tooltip'></div>
|
||||
<!-- <div id='closeSelection'>×</div> -->
|
||||
<div id='closeSelection'>×</div>
|
||||
<div id='map'></div>
|
||||
<!-- <div id='alluvial'></div> -->
|
||||
|
||||
|
|
Loading…
Reference in a new issue