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,13 +1,18 @@
@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");
}
@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);
@@ -256,13 +261,13 @@ ueb-node[data-selected=true] > .ueb-node-border {
white-space: nowrap;
}
.ueb-node-top[data-pure-function=true] {
box-shadow: inset 5px 1px 5px -3px #7ba1b3, inset 0 1px 0 0 #111213, inset 0 2px 0 0 #7b9eb3;
ueb-node[data-pure-function=true] .ueb-node-top {
box-shadow: inset 5px 1px 5px -3px #7aa674, inset 0 1px 0 0 #111213, 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;
}
@@ -275,8 +280,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 {
@@ -441,6 +446,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;
@@ -518,7 +533,7 @@ ueb-link svg g:hover path {
}
ueb-blueprint {
--ueb-pin-dim-color: #afafaf;
--ueb-pin-color-dim: #afafaf;
}
ueb-link {
@@ -536,47 +551,51 @@ 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);
}
/*# sourceMappingURL=ueb-style.css.map */