Vector input type implemented

This commit is contained in:
barsdeveloper
2022-09-18 15:13:48 +02:00
parent aa54bd0627
commit 4e715568fe
22 changed files with 312 additions and 228 deletions

View File

@@ -1,6 +1,6 @@
@font-face {
font-family: "Roboto";
font-style: light;
font-weight: lighter;
src:
url("../font/roboto-light.woff2") format("woff2"),
url("../font/roboto-light.woff") format("woff");
@@ -8,12 +8,20 @@
@font-face {
font-family: "Roboto";
font-style: regular;
font-weight: normal;
src:
url("../font/roboto-regular.woff2") format("woff2"),
url("../font/roboto-regular.woff") format("woff");
}
@font-face {
font-family: "Roboto";
font-weight: bold;
src:
url("../font/roboto-bold.woff2") format("woff2"),
url("../font/roboto-bold.woff") format("woff");
}
ueb-blueprint {
--ueb-scale: 1;
--ueb-grid-actual-size: var(--ueb-grid-size);

View File

@@ -52,16 +52,16 @@ ueb-node[data-selected="true"]>.ueb-node-border {
white-space: nowrap;
}
.ueb-node-top[data-pure-function="true"] {
ueb-node[data-pure-function="true"] .ueb-node-top {
box-shadow:
inset 5px 1px 5px -3px #7ba1b3,
inset 5px 1px 5px -3px #7aa674,
inset 0 1px 0 0 #111213,
inset 0 2px 0 0 #7b9eb3;
inset 0 2px 0 0 #7bb386;
background: linear-gradient(170deg, #5f815a 0%, #5f815a 50%, transparent 100%);
}
.ueb-node-name {
background: radial-gradient(ellipse 100% 100% at 30% 50%, rgba(0, 0, 0, 0.45) 20%, transparent 50%);
background: radial-gradient(ellipse 100% 100% at 35% 50%, rgba(0, 0, 0, 0.35) 20%, transparent 50%);
margin: -0.1em -1.6em;
padding: 0.1em 1.6em;
}
@@ -74,8 +74,8 @@ ueb-node[data-selected="true"]>.ueb-node-border {
vertical-align: middle;
}
.ueb-node-top[data-pure-function="true"] .ueb-node-name-symbol {
color: #74bff2;
ueb-node[data-pure-function="true"] .ueb-node-name-symbol {
color: #aaeda0;
}
.ueb-node-name-symbol path {

View File

@@ -104,6 +104,16 @@ ueb-pin[data-type="/Script/CoreUObject.LinearColor"] .ueb-pin-input {
background-color: var(--ueb-linear-color);
}
.ueb-pin-input-label~.ueb-pin-input {
margin-left: 0;
}
.ueb-pin-input-label {
vertical-align: middle;
margin-left: 3px;
color: #777777;
}
.ueb-pin-input-content {
display: block;
outline: none;

View File

@@ -1,5 +1,5 @@
ueb-blueprint {
--ueb-pin-dim-color: #afafaf;
--ueb-pin-color-dim: #afafaf;
}
ueb-link {
@@ -17,45 +17,49 @@ ueb-pin {
}
ueb-pin[data-type="bool"] {
--ueb-pin-color-rgb: var(--ueb-pin-bool-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-bool);
}
ueb-pin[data-type="class"] {
--ueb-pin-color-rgb: var(--ueb-pin-class-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-class);
}
ueb-pin[data-type="exec"] {
--ueb-pin-color-rgb: var(--ueb-pin-exec-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-exec);
}
ueb-pin[data-type="int"] {
--ueb-pin-color-rgb: var(--ueb-pin-int-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-int);
}
ueb-pin[data-type="name"] {
--ueb-pin-color-rgb: var(--ueb-pin-name-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-name);
}
ueb-pin[data-type="object"] {
--ueb-pin-color-rgb: var(--ueb-pin-object-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-object);
}
ueb-pin[data-type="real"] {
--ueb-pin-color-rgb: var(--ueb-pin-real-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-real);
}
ueb-pin[data-type="rotator"] {
--ueb-pin-color-rgb: var(--ueb-pin-rotator-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-rotator);
}
ueb-pin[data-type="string"] {
--ueb-pin-color-rgb: var(--ueb-pin-string-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-string);
}
ueb-pin[data-type="/Script/CoreUObject.LinearColor"] {
--ueb-pin-color-rgb: var(--ueb-pin-linear-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-linear-color);
}
ueb-pin[data-type="/Script/CoreUObject.Vector"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-vector);
}
ueb-pin[data-type="vector"] {
--ueb-pin-color-rgb: var(--ueb-pin-vector-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-vector);
}