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([
// 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 }),

View file

@ -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%;
}