Fix input node, pin colors simplified

This commit is contained in:
barsdeveloper
2022-11-12 17:47:39 +01:00
parent 054793b7b9
commit 8e665569c5
23 changed files with 233 additions and 376 deletions

View File

@@ -2,6 +2,5 @@
@use "ueb-link.scss";
@use "ueb-node.scss";
@use "ueb-pin.scss";
@use "ueb-type-color.scss";
@use "ueb-ui-controls.scss";
@use "ueb-window.scss";
@use "ueb-window.scss";

View File

@@ -330,4 +330,4 @@ ueb-selector>* {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}

View File

@@ -1,6 +1,7 @@
@use "style.scss";
ueb-link {
--ueb-link-color: rgb(var(--ueb-link-color-rgb));
--ueb-from-input-coefficient: calc(2 * var(--ueb-from-input) - 1);
/* when from-y > to-y */
--ueb-y-reflected: clamp(0, var(--ueb-from-y) - var(--ueb-to-y) - 1, 1);
@@ -55,4 +56,4 @@ ueb-link svg g:hover path {
color: var(--ueb-pin-dim-color);
white-space: nowrap;
z-index: 1000000;
}
}

View File

@@ -194,4 +194,4 @@ ueb-node[data-advanced-display] .ueb-node-expansion {
ueb-node[data-advanced-display="Shown"] .ueb-node-expansion-icon {
transform: scaleY(-1)
}
}

View File

@@ -1,3 +1,17 @@
ueb-blueprint {
--ueb-pin-color-dim: #afafaf;
}
ueb-pin {
--ueb-pin-background: linear-gradient(90deg,
rgba(var(--ueb-pin-color-rgb), 0.15),
rgba(var(--ueb-pin-color-rgb), 0.8) 15%,
rgba(var(--ueb-pin-color-rgb), 0.5) 60%,
rgba(var(--ueb-pin-color-rgb), 0.35) 95%,
transparent);
--ueb-pin-color: rgb(var(--ueb-pin-color-rgb));
}
ueb-pin {
display: block;
min-height: 30px;
@@ -93,6 +107,10 @@ ueb-pin[data-type="exec"] .ueb-pin-name {
}
}
ueb-pin[data-linked="true"] .ueb-pin-input {
display: none;
}
ueb-pin[data-type="bool"] .ueb-pin-input {
appearance: none;
padding: 0;

View File

@@ -1,77 +0,0 @@
ueb-blueprint {
--ueb-pin-color-dim: #afafaf;
}
ueb-link {
--ueb-link-color: rgb(var(--ueb-link-color-rgb));
}
ueb-pin {
--ueb-pin-background: linear-gradient(90deg,
rgba(var(--ueb-pin-color-rgb), 0.15),
rgba(var(--ueb-pin-color-rgb), 0.8) 15%,
rgba(var(--ueb-pin-color-rgb), 0.5) 60%,
rgba(var(--ueb-pin-color-rgb), 0.35) 95%,
transparent);
--ueb-pin-color: rgb(var(--ueb-pin-color-rgb));
}
ueb-pin[data-type="bool"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-bool);
}
ueb-pin[data-type="class"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-class);
}
ueb-pin[data-type="exec"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-exec);
}
ueb-pin[data-type="int"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-int);
}
ueb-pin[data-type="name"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-name);
}
ueb-pin[data-type="object"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-object);
}
ueb-pin[data-type="real"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-real);
}
ueb-pin[data-type="rotator"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-rotator);
}
ueb-pin[data-type="string"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-string);
}
ueb-pin[data-type="/Script/Engine.Actor"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-actor);
}
ueb-pin[data-type="/Script/Engine.Pawn"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-actor);
}
ueb-pin[data-type="/Script/CoreUObject.LinearColor"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-linear-color);
}
ueb-pin[data-type="/Script/CoreUObject.Rotator"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-rotator);
}
ueb-pin[data-type="/Script/CoreUObject.Transform"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-transform);
}
ueb-pin[data-type="/Script/CoreUObject.Vector"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-vector);
}

View File

@@ -93,4 +93,4 @@ ueb-window .ueb-pin-input-content {
&:hover {
cursor: pointer;
}
}
}

View File

@@ -220,4 +220,4 @@ ueb-ui-slider {
line-height: 20px;
font-family: monospace;
color: #c0c0c0;
}
}