Ma/ueblueprint
1
0
Fork 0
mirror of https://github.com/barsdeveloper/ueblueprint.git synced 2026-02-20 21:45:56 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Links various fixes

Browse Source
This commit is contained in:
barsdeveloper
2022-03-03 23:09:18 +01:00
parent 2d2af6f097
commit db57e05dc7
5 changed files with 40 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
scss/ueblueprint-style.scss
View File

@@ -424,28 +424,34 @@ ueb-selector>* {
}
ueb-link {
--ueb-y-direct : clamp(0, var(--ueb-to-y) - var(--ueb-from-y) + 1, 1);
--ueb-computed-width-px: calc(var(--ueb-computed-width) * 1px);
display : block;
min-width : calc(var(--ueb-link-min-width) * 1px);
/*
* This makes the element transparent to the hover events so that multiple path elements can stand nearby and have
* their hover behavior correctly firing.
*/
visibility : hidden;
}
ueb-link svg {
--ueb-output-invert: calc(2 * var(--ueb-from-input) - 1);
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
transform : scaleY(clamp(
/* Mirror just when it starts from output */
-1,
calc((var(--ueb-to-y) - var(--ueb-from-y)) * var(--ueb-output-invert)),
1));
overflow: visible;
--ueb-from-input-coefficient: calc(2 * var(--ueb-from-input) - 1);
--ueb-y-direct-coefficient : calc(2* var(--ueb-y-direct) - 1);
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
min-height : 1px;
transform : scaleY(calc(var(--ueb-y-direct-coefficient) * var(--ueb-from-input-coefficient)));
overflow : visible;
}
ueb-link svg path {
stroke: var(--ueb-node-value-color);
visibility : visible;
stroke : var(--ueb-node-value-color);
stroke-width: 1;
}
ueb-link.ueb-link-dragging svg path,
@@ -456,9 +462,10 @@ ueb-link svg g:hover path {
ueb-link-message {
display : block;
visibility : visible;
position : absolute;
top : calc(100% * var(--ueb-y-direct) + 22px);
left : calc(var(--ueb-start-percentage) + 15px);
bottom : -42px;
border : 1px solid #000;
padding : 4px 8px;
border-radius: 2px;