add action button headers

This commit is contained in:
Stewart Allen 2022-01-14 18:42:02 -05:00
commit 0a288b8650
2 changed files with 17 additions and 3 deletions

View file

@ -226,6 +226,7 @@ function ui_build() {
h.bind(actions, [ h.bind(actions, [
h.div([ h.div([
// create and bind file loading elements // create and bind file loading elements
h.div({ _: "file", class: "head" }),
h.button({ _: 'import', onclick: file.import }, [ h.button({ _: 'import', onclick: file.import }, [
h.input({ h.input({
id: "import", type: "file", class: ["hide"], multiple: true, id: "import", type: "file", class: ["hide"], multiple: true,
@ -233,17 +234,20 @@ function ui_build() {
}) })
]), ]),
h.button({ _: 'export', onclick: file.export }), h.button({ _: 'export', onclick: file.export }),
h.div({ class: "vsep" }), // h.div({ class: "vsep" }),
h.div({ _: "view", class: "head" }),
h.button({ _: 'visible', onclick() { selection.visible({ toggle: true }) } }), h.button({ _: 'visible', onclick() { selection.visible({ toggle: true }) } }),
h.button({ _: 'bounds', onclick() { selection.boundsBox({ toggle: true }) } }), h.button({ _: 'bounds', onclick() { selection.boundsBox({ toggle: true }) } }),
h.button({ _: 'gridlines', onclick() { api.grid() } }), h.button({ _: 'gridlines', onclick() { api.grid() } }),
h.button({ _: 'wireframe', onclick() { api.wireframe() } }), h.button({ _: 'wireframe', onclick() { api.wireframe() } }),
h.button({ _: 'normals', onclick() { api.normals() } }), h.button({ _: 'normals', onclick() { api.normals() } }),
h.div({ class: "vsep" }), // h.div({ class: "vsep" }),
h.div({ _: "edit", class: "head" }),
h.button({ _: 'duplicate', onclick: tool.duplicate }), h.button({ _: 'duplicate', onclick: tool.duplicate }),
h.button({ _: 'merge', onclick: tool.merge }), h.button({ _: 'merge', onclick: tool.merge }),
h.button({ _: 'invert', onclick: tool.invert }), h.button({ _: 'invert', onclick: tool.invert }),
h.div({ class: "vsep" }), // h.div({ class: "vsep" }),
h.div({ _: "fix", class: "head" }),
h.button({ _: 'analyze', onclick: tool.analyze }), h.button({ _: 'analyze', onclick: tool.analyze }),
h.button({ _: 'repair', onclick: tool.repair }), h.button({ _: 'repair', onclick: tool.repair }),
h.button({ _: 'clean', onclick: tool.clean }), h.button({ _: 'clean', onclick: tool.clean }),

View file

@ -360,6 +360,16 @@ button:hover {
gap: 2px; gap: 2px;
} }
#actions .head {
align-items: center;
justify-content: center;
font-family: monospace;
font-weight: bold;
font-size: smaller;
border-radius: 3px;
background-color: rgba(150,150,150,0.05);
}
/** group/model buttons top/right of workspace **/ /** group/model buttons top/right of workspace **/
#grouplist { #grouplist {