forked from security_vision/semantic_graph
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 {
|
.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;
|
||||||
|
}
|
|
@ -9,7 +9,7 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id='tooltip'></div>
|
<div id='tooltip'></div>
|
||||||
<!-- <div id='closeSelection'>×</div> -->
|
<div id='closeSelection'>×</div>
|
||||||
<div id='map'></div>
|
<div id='map'></div>
|
||||||
<!-- <div id='alluvial'></div> -->
|
<!-- <div id='alluvial'></div> -->
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue