Files
pezkuwi-telemetry/packages/frontend/src/components/Node.css
T
2018-07-19 13:00:30 +02:00

62 lines
984 B
CSS

.Node-Location {
width: 10px;
height: 10px;
background: #666;
border: 1px solid #222;
border-radius: 6px;
margin-left: -6px;
margin-top: -6px;
position: absolute;
top: 50%;
left: 50%;
cursor: pointer;
z-index: 1;
transition: background-color 0.25s linear;
}
.Node-Location-odd {
background: #bbb;
}
.Node-Location-synced {
z-index: 2;
background: #d64ca8;
}
.Node-Location:hover {
z-index: 3;
background: #fff;
}
.Node-details {
display: none;
min-width: 335px;
position: absolute;
left: 16px;
top: -4px;
font-family: monospace, sans-serif;
background: #222;
color: #fff;
box-shadow: 0 3px 20px rgba(0,0,0,0.5);
border-collapse: collapse;
}
.Node-details td {
text-align: left;
padding: 0.5em 1em;
}
.Node-details td:nth-child(odd) {
width: 16px;
text-align: center;
padding-right: 0.2em;
}
.Node-details td:nth-child(even) {
padding-left: 0.2em;
}
.Node-Location:hover .Node-details {
display: initial;
}