mirror of
https://github.com/barsdeveloper/ueblueprint.git
synced 2026-03-04 14:27:29 +08:00
Simplify layout using grid (#7)
* Various style fix WIP * Removing pin wrapper WIP * Restore pin wrapper * WIP * Several style fixes * Fix dropdown resizing * Minor style adjustment, dorpdown bug fix * Pins sizing * Additional tests and style fixes * More size tests and fixes * More robust styling * Small format fix
This commit is contained in:
@@ -79,15 +79,13 @@ export default class NodeTemplate extends ISelectableDraggableTemplate {
|
||||
<div class="ueb-node-border">
|
||||
<div class="ueb-node-wrapper">
|
||||
<div class="ueb-node-top">${this.renderTop()}</div>
|
||||
<div class="ueb-node-content">
|
||||
<div class="ueb-node-inputs"></div>
|
||||
<div class="ueb-node-outputs"></div>
|
||||
${this.pinInserter ? html`
|
||||
<div class="ueb-node-variadic" @click="${this.addPinHandler}">
|
||||
Add pin ${SVGIcon.plusCircle}
|
||||
</div>
|
||||
`: nothing}
|
||||
</div>
|
||||
<div class="ueb-node-inputs"></div>
|
||||
<div class="ueb-node-outputs"></div>
|
||||
${this.pinInserter ? html`
|
||||
<div class="ueb-node-variadic" @click="${this.addPinHandler}">
|
||||
Add pin ${SVGIcon.plusCircle}
|
||||
</div>
|
||||
`: nothing}
|
||||
${this.element.entity.isDevelopmentOnly() ? html`
|
||||
<div class="ueb-node-developmentonly">
|
||||
<span class="ueb-node-developmentonly-text">Development Only</span>
|
||||
|
||||
@@ -35,19 +35,17 @@ export default class VariableManagementNodeTemplate extends NodeTemplate {
|
||||
</div>
|
||||
</div>
|
||||
` : nothing}
|
||||
<div class="ueb-node-content">
|
||||
${this.#hasInput ? html`
|
||||
<div class="ueb-node-inputs"></div>
|
||||
` : nothing}
|
||||
${this.#hasOutput ? html`
|
||||
<div class="ueb-node-outputs"></div>
|
||||
` : nothing}
|
||||
${this.pinInserter ? html`
|
||||
<div class="ueb-node-variadic" @click="${this.addPinHandler}">
|
||||
Add pin ${SVGIcon.plusCircle}
|
||||
</div>
|
||||
`: nothing}
|
||||
</div>
|
||||
${this.#hasInput ? html`
|
||||
<div class="ueb-node-inputs"></div>
|
||||
` : nothing}
|
||||
${this.#hasOutput ? html`
|
||||
<div class="ueb-node-outputs"></div>
|
||||
` : nothing}
|
||||
${this.pinInserter ? html`
|
||||
<div class="ueb-node-variadic" @click="${this.addPinHandler}">
|
||||
Add pin ${SVGIcon.plusCircle}
|
||||
</div>
|
||||
`: nothing}
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
|
||||
Reference in New Issue
Block a user