add action button headers
This commit is contained in:
parent
aeaaf0bf0e
commit
0a288b8650
2 changed files with 17 additions and 3 deletions
|
|
@ -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 }),
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue