Fix link location and css small improvement

This commit is contained in:
barsdeveloper
2025-01-26 20:31:10 +02:00
parent 9985071d61
commit dd81356d68
10 changed files with 38 additions and 26 deletions

View File

@@ -102,7 +102,6 @@ ueb-blueprint[data-scrolling=false] .ueb-grid {
ueb-blueprint.ueb-zoom--4 {
--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2);
--ueb-node-radius: 0 !important;
}
ueb-blueprint.ueb-zoom--6 {
@@ -327,10 +326,6 @@ ueb-node.ueb-node-style-comment {
min-width: 0;
}
.ueb-zoom--2 ueb-node {
box-shadow: none;
}
.ueb-node-border {
margin: -3px;
padding: 3px;
@@ -370,6 +365,10 @@ ueb-node[data-selected=true] > .ueb-node-border {
overflow: hidden;
}
.ueb-zoom--2 .ueb-node-wrapper {
background: rgb(14, 16, 10);
}
ueb-node.ueb-node-style-operation .ueb-node-wrapper {
grid-template-rows: min-content auto auto min-content min-content;
grid-template-columns: 50% 0% 1fr;
@@ -395,7 +394,6 @@ ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-draggable {
}
.ueb-zoom--2 .ueb-node-wrapper {
box-shadow: none;
padding: 0;
background: #101010;
}
@@ -432,10 +430,6 @@ ueb-node.ueb-node-style-event .ueb-node-top {
background: linear-gradient(rgba(255, 255, 255, 0.1882352941) 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 {
box-shadow: none;
}
.ueb-zoom--2 .ueb-node-style-default .ueb-node-top {
background: rgb(var(--ueb-node-color));
}
@@ -584,6 +578,10 @@ ueb-node.ueb-node-style-glass .ueb-node-wrapper {
background-repeat: repeat, no-repeat;
}
.ueb-zoom--2 ueb-node.ueb-node-style-glass .ueb-node-wrapper {
background: #101010;
}
ueb-node.ueb-node-style-glass .ueb-node-name {
padding-right: 0;
padding-left: 0;
@@ -1353,4 +1351,12 @@ ueb-ui-slider {
color: #c0c0c0;
}
/* To improve a bit performance */
.ueb-zoom--2 * {
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
text-shadow: none !important;
}
/*# sourceMappingURL=ueb-style.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
dist/ueblueprint.js vendored
View File

@@ -9677,7 +9677,7 @@ class PinTemplate extends ITemplate {
const rect = (this.#iconElement ?? this.element).getBoundingClientRect();
/** @type {[Number, Number]} */
const boundingLocation = [
this.element.isInputVisually() && !oppositeDirection ? rect.left : rect.right + 1,
this.element.isInputVisually() != oppositeDirection ? rect.left : rect.right + 1,
(rect.top + rect.bottom) / 2
];
const location = Utility.convertLocation(boundingLocation, this.blueprint.template.gridElement);

File diff suppressed because one or more lines are too long

View File

@@ -175,7 +175,7 @@ export default class PinTemplate extends ITemplate {
const rect = (this.#iconElement ?? this.element).getBoundingClientRect()
/** @type {[Number, Number]} */
const boundingLocation = [
this.element.isInputVisually() && !oppositeDirection ? rect.left : rect.right + 1,
this.element.isInputVisually() != oppositeDirection ? rect.left : rect.right + 1,
(rect.top + rect.bottom) / 2
]
const location = Utility.convertLocation(boundingLocation, this.blueprint.template.gridElement)

View File

@@ -5,3 +5,11 @@
@use "ueb-pin.scss";
@use "ueb-ui-controls.scss";
@use "ueb-window.scss";
/* To improve a bit performance */
.ueb-zoom--2 * {
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
text-shadow: none !important;
}

View File

@@ -142,7 +142,6 @@ ueb-blueprint[data-scrolling="false"] .ueb-grid {
ueb-blueprint.ueb-zoom--4 {
--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2);
--ueb-node-radius: 0 !important;
}
ueb-blueprint.ueb-zoom--6 {

View File

@@ -12,10 +12,6 @@ ueb-node.ueb-node-style-comment {
min-width: 0;
}
.ueb-zoom--2 ueb-node {
box-shadow: none;
}
.ueb-node-border {
margin: -3px;
padding: 3px;
@@ -66,6 +62,10 @@ ueb-node[data-selected="true"]>.ueb-node-border {
overflow: hidden;
}
.ueb-zoom--2 .ueb-node-wrapper {
background: rgb(14, 16, 10);
}
ueb-node.ueb-node-style-operation .ueb-node-wrapper {
grid-template-rows: min-content auto auto min-content min-content;
grid-template-columns: 50% 0% 1fr;
@@ -91,7 +91,6 @@ ueb-blueprint[data-scrolling="false"][data-selecting="false"] .ueb-draggable {
}
.ueb-zoom--2 .ueb-node-wrapper {
box-shadow: none;
padding: 0;
background: #101010;
}
@@ -132,10 +131,6 @@ ueb-node.ueb-node-style-event .ueb-node-top {
linear-gradient(170deg, rgb(var(--ueb-node-color)) 0%, rgb(var(--ueb-node-color)) 50%, transparent 100%);
}
.ueb-zoom--2 .ueb-node-top {
box-shadow: none;
}
.ueb-zoom--2 .ueb-node-style-default .ueb-node-top {
background: rgb(var(--ueb-node-color));
}
@@ -296,6 +291,10 @@ ueb-node.ueb-node-style-glass .ueb-node-wrapper {
background-repeat: repeat, no-repeat;
}
.ueb-zoom--2 ueb-node.ueb-node-style-glass .ueb-node-wrapper {
background: #101010;
}
ueb-node.ueb-node-style-glass .ueb-node-name {
padding-right: 0;
padding-left: 0;