magnus/datagraph
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases 3 Packages Wiki Activity Actions

Tooltips

Browse source
This commit is contained in:
Magnus Åhall 2025-07-11 13:57:27 +02:00
parent 8988720c0e
commit bcd0f1ce15
6 changed files with 123 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

47
static/less/main.less
View file

@ -115,13 +115,22 @@ button {
& > div.ops {
display: grid;
grid-template-columns: min-content 1fr repeat(3, min-content);
grid-template-columns: min-content 1fr repeat(4, min-content);
align-items: center;
grid-gap: 8px;
#editor-node-name {
font-weight: bold;
}
img {
display: block;
height: 32px;
&.highlight {
filter: invert(.7) sepia(.5) hue-rotate(50deg) saturate(300%) brightness(0.85);
}
}
}
}
@ -422,3 +431,39 @@ dialog#connection-data {
}
}
}
@keyframes example {
0% { opacity: 0% }
50% { opacity: 0% }
100% { opacity: 100% }
}
.tooltip {
position: relative;
&.left::after {
right: 0px;
}
&.right::after {
left: 0px;
}
&:hover::after {
animation-name: example;
animation-duration: 1s;
white-space: nowrap;
background-color: var(--section-color);
box-shadow: 5px 5px 21px -4px rgba(0,0,0,0.75);
position: absolute;
top: 48px;
content: attr(data-tooltip);
display: block;
padding: 8px 16px;
border-radius: 4px;
color: #fff;
z-index: 8192;
}
}