frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2025-03-01 10:36:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Resize port labels based on content

Browse Source
This commit is contained in:
Nick O'Leary
2017-01-27 16:33:11 +00:00
parent 92a928680c
commit dd6f71fe85
2 changed files with 78 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
editor/sass/flow.scss
View File

@@ -273,13 +273,24 @@ g.link_unknown path.link_line {
stroke-dasharray: 10, 4;
}
@keyframes port_label_fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes port_tooltip_fadeIn { from { opacity:0; } to { opacity:1; } }
.port_label_fadeIn {
.port_tooltip {
opacity:0;
animation: 0.2s ease-in 0s 1 normal forwards port_label_fadeIn;
fill: white;
stroke: #999;
stroke-width: 1;
animation: 0.1s ease-in 0s 1 normal forwards port_tooltip_fadeIn;
pointer-events: none;
path {
fill: white;
stroke: #999;
stroke-width: 1;
}
}
.port_tooltip_label {
stroke-width: 0;
fill: #666;
font-size: 12px;
pointer-events: none;
-webkit-touch-callout: none;
@include disable-selection;
}