add action menu back div to bridge pop gap

This commit is contained in:
Stewart Allen 2022-04-21 20:05:29 -04:00
commit f319bcaeb1
2 changed files with 16 additions and 1 deletions

View file

@ -355,6 +355,7 @@ function ui_build() {
h.div([ h.div([
// create and bind file loading elements // create and bind file loading elements
h.div({ _: "file", class: "head" }), h.div({ _: "file", class: "head" }),
h.div({ class: "back"}),
h.div({ class: "pop"}, [ h.div({ class: "pop"}, [
h.button({ _: 'import', onclick: file.import }, [ h.button({ _: 'import', onclick: file.import }, [
h.input({ h.input({
@ -367,6 +368,7 @@ function ui_build() {
]), ]),
h.div([ h.div([
h.div({ _: "add", class: "head" }), h.div({ _: "add", class: "head" }),
h.div({ class: "back"}),
h.div({ class: "pop"}, [ h.div({ class: "pop"}, [
h.button({ _: 'cylinder', onclick: add.cylinder }), h.button({ _: 'cylinder', onclick: add.cylinder }),
h.button({ _: 'cube', onclick: add.cube }), h.button({ _: 'cube', onclick: add.cube }),
@ -374,6 +376,7 @@ function ui_build() {
]), ]),
h.div([ h.div([
h.div({ _: "view", class: "head" }), h.div({ _: "view", class: "head" }),
h.div({ class: "back"}),
h.div({ class: "pop"}, [ h.div({ class: "pop"}, [
h.button({ _: 'bounds', onclick() { selection.boundsBox({ toggle: true }) } }), h.button({ _: 'bounds', onclick() { selection.boundsBox({ toggle: true }) } }),
h.button({ _: 'normals', onclick() { api.normals() } }), h.button({ _: 'normals', onclick() { api.normals() } }),
@ -383,6 +386,7 @@ function ui_build() {
]), ]),
h.div([ h.div([
h.div({ _: "model", class: "head" }), h.div({ _: "model", class: "head" }),
h.div({ class: "back"}),
h.div({ class: "pop"}, [ h.div({ class: "pop"}, [
h.button({ _: 'duplicate', onclick: tool.duplicate }), h.button({ _: 'duplicate', onclick: tool.duplicate }),
h.button({ _: 'regroup', onclick: tool.regroup }), h.button({ _: 'regroup', onclick: tool.regroup }),
@ -393,6 +397,7 @@ function ui_build() {
]), ]),
h.div([ h.div([
h.div({ _: "boolean", class: "head" }), h.div({ _: "boolean", class: "head" }),
h.div({ class: "back"}),
h.div({ class: "pop"}, [ h.div({ class: "pop"}, [
h.button({ _: 'union', onclick: tool.union }), h.button({ _: 'union', onclick: tool.union }),
h.button({ _: 'subtract', onclick: tool.subtract }), h.button({ _: 'subtract', onclick: tool.subtract }),
@ -401,12 +406,14 @@ function ui_build() {
]), ]),
h.div([ h.div([
h.div({ _: "normal", class: "head" }), h.div({ _: "normal", class: "head" }),
h.div({ class: "back"}),
h.div({ class: "pop"}, [ h.div({ class: "pop"}, [
h.button({ _: 'invert', onclick: tool.invert }), h.button({ _: 'invert', onclick: tool.invert }),
]) ])
]), ]),
h.div([ h.div([
h.div({ _: "repair", class: "head" }), h.div({ _: "repair", class: "head" }),
h.div({ class: "back"}),
h.div({ class: "pop"}, [ h.div({ class: "pop"}, [
h.button({ _: 'analyze', onclick: tool.analyze }), h.button({ _: 'analyze', onclick: tool.analyze }),
h.button({ _: 'isolate', onclick: tool.isolate }), h.button({ _: 'isolate', onclick: tool.isolate }),

View file

@ -480,7 +480,7 @@ button.selected:hover {
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
transform: translateX(100%); transform: translateX(100%);
right: -1px; right: -3px;
top: -1px; top: -1px;
gap: 3px; gap: 3px;
margin: 0; margin: 0;
@ -490,6 +490,14 @@ button.selected:hover {
background-color: rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.5);
} }
#actions .back {
position: absolute;
top: 0;
left: 0;
right: -4px;
bottom: 0;
}
.pop button { .pop button {
width: 100%; width: 100%;
} }