diff --git a/src/mesh/build.js b/src/mesh/build.js index 06e4cf79..57154f88 100644 --- a/src/mesh/build.js +++ b/src/mesh/build.js @@ -355,6 +355,7 @@ function ui_build() { h.div([ // create and bind file loading elements h.div({ _: "file", class: "head" }), + h.div({ class: "back"}), h.div({ class: "pop"}, [ h.button({ _: 'import', onclick: file.import }, [ h.input({ @@ -367,6 +368,7 @@ function ui_build() { ]), h.div([ h.div({ _: "add", class: "head" }), + h.div({ class: "back"}), h.div({ class: "pop"}, [ h.button({ _: 'cylinder', onclick: add.cylinder }), h.button({ _: 'cube', onclick: add.cube }), @@ -374,6 +376,7 @@ function ui_build() { ]), h.div([ h.div({ _: "view", class: "head" }), + h.div({ class: "back"}), h.div({ class: "pop"}, [ h.button({ _: 'bounds', onclick() { selection.boundsBox({ toggle: true }) } }), h.button({ _: 'normals', onclick() { api.normals() } }), @@ -383,6 +386,7 @@ function ui_build() { ]), h.div([ h.div({ _: "model", class: "head" }), + h.div({ class: "back"}), h.div({ class: "pop"}, [ h.button({ _: 'duplicate', onclick: tool.duplicate }), h.button({ _: 'regroup', onclick: tool.regroup }), @@ -393,6 +397,7 @@ function ui_build() { ]), h.div([ h.div({ _: "boolean", class: "head" }), + h.div({ class: "back"}), h.div({ class: "pop"}, [ h.button({ _: 'union', onclick: tool.union }), h.button({ _: 'subtract', onclick: tool.subtract }), @@ -401,12 +406,14 @@ function ui_build() { ]), h.div([ h.div({ _: "normal", class: "head" }), + h.div({ class: "back"}), h.div({ class: "pop"}, [ h.button({ _: 'invert', onclick: tool.invert }), ]) ]), h.div([ h.div({ _: "repair", class: "head" }), + h.div({ class: "back"}), h.div({ class: "pop"}, [ h.button({ _: 'analyze', onclick: tool.analyze }), h.button({ _: 'isolate', onclick: tool.isolate }), diff --git a/web/mesh/index.css b/web/mesh/index.css index 84861622..b7c194a9 100644 --- a/web/mesh/index.css +++ b/web/mesh/index.css @@ -480,7 +480,7 @@ button.selected:hover { justify-content: center; flex-direction: column; transform: translateX(100%); - right: -1px; + right: -3px; top: -1px; gap: 3px; margin: 0; @@ -490,6 +490,14 @@ button.selected:hover { background-color: rgba(255,255,255,0.5); } +#actions .back { + position: absolute; + top: 0; + left: 0; + right: -4px; + bottom: 0; +} + .pop button { width: 100%; }