add action menu back div to bridge pop gap
This commit is contained in:
parent
910e5cef08
commit
f319bcaeb1
2 changed files with 16 additions and 1 deletions
|
|
@ -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 }),
|
||||||
|
|
|
||||||
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue