Ma/ueblueprint
1
0
Fork 0
mirror of https://github.com/barsdeveloper/ueblueprint.git synced 2026-06-05 08:43:14 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Icons made svg

Browse Source
This commit is contained in:
barsdeveloper
2022-09-07 19:31:16 +02:00
parent 715dee6a5a
commit 610d6cfdd2
21 changed files with 146 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
dist/css/ueb-style.css vendored
View File

@@ -247,21 +247,46 @@ ueb-node[data-selected=true] > .ueb-node-border {
}
.ueb-node-top {
padding: 0.3em 0.7em;
box-shadow: inset 5px 1px 5px -3px #83b37b, inset 0 1px 0 0 #111311, inset 0 2px 0 0 #83b37b;
padding: 0.2em 0.7em;
box-shadow: inset 5px 1px 5px -3px #7ba1b3, inset 0 1px 0 0 #111213, inset 0 2px 0 0 #7b9eb3;
border-radius: var(--ueb-node-radius) var(--ueb-node-radius) 0 0;
background: linear-gradient(170deg, #5f815a 0%, #5f815a 50%, transparent 100%);
background: linear-gradient(170deg, #5ca1dd 0%, #466980 50%, transparent 100%);
color: #c0c0c0;
font-weight: 900;
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;
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%);
margin: -0.1em -1.6em;
padding: 0.1em 1.6em;
}
.ueb-node-name-symbol {
color: #74bff2;
}
.ueb-node-name-symbol svg {
vertical-align: middle;
}
.ueb-node-top[data-pure-function=true] .ueb-node-name-symbol {
color: #74bff2;
}
.ueb-node-name-symbol path {
vertical-align: middle;
}
.ueb-node-name-text {
vertical-align: baseline;
}
.ueb-node-content {
display: flex;
padding: 1px 0;
@@ -281,7 +306,7 @@ ueb-node[data-selected=true] > .ueb-node-border {
.ueb-node-developmentonly {
display: none;
margin-top: 8px;
margin-top: 4px;
background: repeating-linear-gradient(-45deg, transparent 0, #57590a 1px, #57590a 11px, transparent 12px, transparent 24px);
background: repeating-linear-gradient(-45deg, transparent 0, #57590a 1px, #57590a 11px, transparent 12px, transparent 24px);
text-align: center;
@@ -318,6 +343,7 @@ ueb-node[data-advanced-display=Shown] .ueb-node-expansion-icon {
ueb-pin {
display: block;
height: 30px;
}
ueb-node[data-advanced-display=Hidden] ueb-pin[data-advanced-view=true] {
@@ -326,7 +352,7 @@ ueb-node[data-advanced-display=Hidden] ueb-pin[data-advanced-view=true] {
.ueb-pin-wrapper {
display: inline-block;
margin: 6px 0 0 0;
margin: 4px 0 0 0;
padding: 2px 2px;
}
.ueb-pin-wrapper > * {
@@ -343,53 +369,33 @@ ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-pin-wrapper:hover
text-align: right;
}
.ueb-pin-icon-exec {
display: inline-block;
vertical-align: text-top;
ueb-pin[data-type=exec] .ueb-pin-icon {
--ueb-pin-color: white;
width: 15px;
height: 15px;
}
.ueb-pin-icon-value {
display: inline-block;
position: relative;
width: 12px;
height: 12px;
vertical-align: baseline;
margin: 0 0.5em -1px 0.1em;
.ueb-pin-icon {
width: 11px;
height: 11px;
margin-right: 0.5em;
color: var(--ueb-pin-color);
}
.ueb-pin-icon-value::before {
content: "";
.ueb-pin-icon svg {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid var(--ueb-pin-color);
border-radius: 50%;
width: 100%;
height: 100%;
}
ueb-pin[data-linked=true] .ueb-pin-icon-value::before {
background: var(--ueb-pin-color);
ueb-pin[data-linked=true] .ueb-pin-tofill {
fill: var(--ueb-pin-color);
}
ueb-pin[data-linked=true] .ueb-pin-tofill {
fill: currentColor;
}
.ueb-pin-icon-value::after {
content: "";
display: block;
position: absolute;
top: 3px;
left: 13px;
width: 0;
height: 0;
border-top: 0.3em solid transparent;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid var(--ueb-pin-color);
}
.ueb-pin-name {
display: inline-block;
vertical-align: middle;