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

Fix pins style

Browse Source
This commit is contained in:
barsdeveloper
2022-04-28 22:17:33 +02:00
parent db0e3d0801
commit 125ef34847
9 changed files with 79 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
scss/ueb-node.scss
View File

@@ -30,7 +30,7 @@ ueb-blueprint[data-drag-scrolling="false"][data-selecting="false"] ueb-node {
outline-offset: -6px;
}
.ueb-node-content {
.ueb-node-wrapper {
position: relative;
padding: 1px;
box-shadow: inset 0 0 2px 0 black;
@@ -39,7 +39,7 @@ ueb-blueprint[data-drag-scrolling="false"][data-selecting="false"] ueb-node {
overflow: hidden;
}
.ueb-node-header {
.ueb-node-top {
padding: 0.3em 0.7em;
box-shadow: inset 5px 1px 5px -3px #83b37b,
inset 0 1px 0 0 #111311,
@@ -57,7 +57,7 @@ ueb-blueprint[data-drag-scrolling="false"][data-selecting="false"] ueb-node {
padding: 0.1em 1.6em;
}
.ueb-node-body {
.ueb-node-content {
display: flex;
padding: 1px 0;
font-weight: 100;
@@ -76,6 +76,7 @@ ueb-blueprint[data-drag-scrolling="false"][data-selecting="false"] ueb-node {
.ueb-node-developmentonly {
display: none;
margin-top: 8px;
background: repeating-linear-gradient(-45deg,
transparent 0,
#57590a 1px,

16
scss/ueb-pin.scss
View File

@@ -1,6 +1,14 @@
ueb-pin {
display: block;
margin: 6px 0;
}
ueb-node[data-advanced-display="Hidden"] ueb-pin[data-advanced-view="true"] {
display: none;
}
.ueb-pin-wrapper {
display: inline-block;
margin: 6px 0 0 0;
padding: 2px 2px;
&>* {
@@ -9,11 +17,7 @@ ueb-pin {
}
}
ueb-node[data-advanced-display="Hidden"] ueb-pin[data-advanced-view="true"] {
display: none;
}
ueb-blueprint[data-drag-scrolling="false"][data-selecting="false"] ueb-pin:hover {
ueb-blueprint[data-drag-scrolling="false"][data-selecting="false"] .ueb-pin-wrapper:hover {
background: var(--ueb-pin-background);
cursor: crosshair;
}

65
scss/ueb-type-color.scss
View File

@@ -1,3 +1,13 @@
@mixin pin-style($color) {
--ueb-pin-color : #{$color};
--ueb-pin-background: linear-gradient(90deg,
#{transparentize($color, 0.85)},
#{transparentize($color, 0.2)} 15%,
#{transparentize($color, 0.5)} 60%,
#{transparentize($color, 0.65)} 95%,
transparent);
}
.ueb {
$ueb-pin-color: white;
$ueb-pin-dim-color: #afafaf;
@@ -5,49 +15,46 @@
--ueb-pin-dim-color: #{$ueb-pin-dim-color};
}
.ueb-pin-boolean {
$ueb-pin-color: rgb(30%, 0, 0);
--ueb-pin-color: #{$ueb-pin-color};
.ueb-pin-type-bool {
@include pin-style(#750000);
}
.ueb-pin-class {
$ueb-pin-color: #5800bb;
--ueb-pin-color: #{$ueb-pin-color};
.ueb-pin-type-class {
@include pin-style(#5800bb);
}
.ueb-pin-float {
$ueb-pin-color: #9ffb44;
--ueb-pin-color: #{$ueb-pin-color};
.ueb-pin-type-exec {
@include pin-style(#a7a7a7);
}
.ueb-pin-int {
$ueb-pin-color: #1fe0ad;
--ueb-pin-color: #{$ueb-pin-color};
.ueb-pin-type-int {
@include pin-style(#1fe0ad);
}
.ueb-pin-name {
$ueb-pin-color: #cb81fc;
--ueb-pin-color: #{$ueb-pin-color};
.ueb-pin-type-name {
@include pin-style(#cb81fc);
}
.ueb-pin-object {
$ueb-pin-color: #00a8f2;
$ueb-pin-color: rgba(0%, 40%, 01%);
--ueb-pin-color: #{$ueb-pin-color};
.ueb-pin-type-object {
@include pin-style(#00a8f2);
}
.ueb-pin-rotator {
$ueb-pin-color: #9eb1fc;
--ueb-pin-color: #{$ueb-pin-color};
.ueb-pin-type-real {
@include pin-style(#32bb00);
}
.ueb-pin-string {
$ueb-pin-color: #fc00d2;
--ueb-pin-color : #{$ueb-pin-color};
--ueb-pin-background: linear-gradient(90deg, #fc00d220, #fc00d280 15%, #fc00d250 85%, transparent);
.ueb-pin-type-rotator {
@include pin-style(#9eb1fc);
}
.ueb-pin-vector {
$ueb-pin-color: #fcc823;
--ueb-pin-color: #{$ueb-pin-color};
.ueb-pin-type-string {
@include pin-style(#d500b1);
}
.ueb-pin-type-struct {
@include pin-style(#034ca8);
}
.ueb-pin-type-vector {
@include pin-style(#fcc823);
}