Fix scrolling scale, other knot style fixes

This commit is contained in:
barsdeveloper
2023-01-21 15:51:47 +01:00
parent efe560adda
commit a17bbeb2de
15 changed files with 238 additions and 84 deletions

View File

@@ -1,20 +1,24 @@
ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] {
ueb-node.ueb-node-style-minimal {
box-shadow: none;
}
ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] ueb-pin {
ueb-node.ueb-node-style-minimal ueb-pin {
min-height: 0;
}
ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] ueb-pin[data-direction="input"] {
ueb-node.ueb-node-style-minimal ueb-pin[data-direction="input"] {
display: none;
}
ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] .ueb-node-border {
padding: 8px 18px;
ueb-node.ueb-node-style-minimal .ueb-node-border {
padding: 8px 16px;
background: none !important;
}
ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"][data-selected="true"] .ueb-node-border {
ueb-node.ueb-node-style-minimal .ueb-pin-wrapper {
padding: 4px 6px;
}
ueb-node.ueb-node-style-minimal[data-selected="true"] .ueb-node-border {
box-shadow: inset 0 0 0px 6px #d29e07;
}

View File

@@ -55,7 +55,12 @@ ueb-node[data-selected="true"]>.ueb-node-border {
overflow: hidden;
}
ueb-blueprint[data-scrolling="false"][data-selecting="false"] .ueb-node-wrapper {
.ueb-node-outputs ueb-pin[data-type="exec"] .ueb-pin-wrapper {
margin-right: -3px;
}
ueb-blueprint[data-scrolling="false"][data-selecting="false"] .ueb-node-wrapper,
ueb-blueprint[data-scrolling="false"][data-selecting="false"] ueb-node.ueb-node-style-minimal .ueb-node-border {
cursor: move;
}
@@ -75,16 +80,22 @@ ueb-node.ueb-node-style-event .ueb-node-top {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 8px;
padding-right: 2px;
}
ueb-node.ueb-node-style-event .ueb-node-top ueb-pin {
margin-left: 10px;
}
.ueb-node-style-default .ueb-node-top {
padding: 3px 20px 2px 6px;
padding: 2px 20px 2px 8px;
box-shadow:
inset 5px 1px 5px -3px #ffffff40,
inset 0 1px 2px 0 #ffffff40;
border-radius: var(--ueb-node-radius) var(--ueb-node-radius) 0 0;
background: linear-gradient(170deg, rgb(var(--ueb-node-color)) 0%, rgb(var(--ueb-node-color)) 50%, transparent 100%);
background:
linear-gradient(#ffffff30 1px, transparent 1px),
linear-gradient(170deg, rgb(var(--ueb-node-color)) 0%, rgb(var(--ueb-node-color)) 50%, transparent 100%);
}
.ueb-zoom--2 .ueb-node-top {
@@ -97,9 +108,9 @@ ueb-node.ueb-node-style-event .ueb-node-top {
.ueb-node-name {
display: flex;
background: radial-gradient(ellipse 100% 100% at 35% 50%, rgba(0, 0, 0, 0.5) 18%, transparent 50%);
margin: -0.1em -1.6em;
padding: 0.1em 1.6em;
background: radial-gradient(ellipse 100% 100% at 40% 50%, rgba(0, 0, 0, 0.5) 20%, transparent 50%);
margin: -1px -15px;
padding: 2px 15px;
}
.ueb-zoom--2 .ueb-node-name {
@@ -134,13 +145,12 @@ ueb-node[data-pure-function="true"] .ueb-node-name-symbol {
.ueb-node-content {
display: flex;
padding: 1px 0;
padding: 6px 0 2px 0;
font-weight: 100;
white-space: nowrap;
}
.ueb-node-inputs {
margin-right: 20px;
.ueb-node-has-inputs .ueb-node-inputs {
padding-left: 8px;
}
@@ -149,6 +159,10 @@ ueb-node[data-pure-function="true"] .ueb-node-name-symbol {
padding-right: 8px;
}
.ueb-node-has-inputs .ueb-node-outputs {
margin-left: 20px;
}
.ueb-node-developmentonly {
display: none;
margin-top: 4px;

View File

@@ -31,8 +31,6 @@ ueb-node[data-advanced-display="Hidden"] ueb-pin[data-advanced-view="true"] {
.ueb-pin-wrapper {
display: inline-block;
margin: 4px 0 0 0;
padding: 2px 2px;
&>* {
display: inline-block;
@@ -40,6 +38,15 @@ ueb-node[data-advanced-display="Hidden"] ueb-pin[data-advanced-view="true"] {
}
}
.ueb-node-top .ueb-pin-wrapper {
padding: 2px 4px 2px 10px;
}
.ueb-node-content .ueb-pin-wrapper {
margin: 4px 0 0 0;
padding: 2px 2px;
}
ueb-blueprint[data-scrolling="false"][data-selecting="false"] .ueb-pin-wrapper:hover {
background: var(--ueb-pin-background);
cursor: crosshair;
@@ -60,6 +67,11 @@ ueb-blueprint[data-scrolling="false"][data-selecting="false"] .ueb-pin-wrapper:h
text-align: left;
}
.ueb-node-style-event ueb-pin[data-type="delegate"] .ueb-pin-icon {
width: 11px;
height: 11px;
}
.ueb-node-inputs .ueb-pin-icon {
margin-right: 4px;
}
@@ -68,6 +80,11 @@ ueb-blueprint[data-scrolling="false"][data-selecting="false"] .ueb-pin-wrapper:h
margin-left: 4px;
}
ueb-node.ueb-node-style-minimal .ueb-pin-wrapper,
ueb-node.ueb-node-style-minimal .ueb-pin-icon {
display: block;
}
.ueb-pin-icon>svg {
vertical-align: top;
}
@@ -181,7 +198,3 @@ ueb-pin[data-type="/Script/CoreUObject.LinearColor"] .ueb-pin-input {
background: #575757;
}
}
ueb-blueprint[data-scrolling="false"][data-selecting="false"] .ueb-node-wrapper {
cursor: move;
}