diff --git a/web/app/cad/dom/components/ControlBar.jsx b/web/app/cad/dom/components/ControlBar.jsx index d7f3ca35..0787b617 100644 --- a/web/app/cad/dom/components/ControlBar.jsx +++ b/web/app/cad/dom/components/ControlBar.jsx @@ -7,10 +7,10 @@ export default function ControlBar({left, right}) { return
- {right} + {left}
- {left} + {right}
} diff --git a/web/app/cad/dom/components/ControlBar.less b/web/app/cad/dom/components/ControlBar.less index 95161e0c..bd92b3bd 100644 --- a/web/app/cad/dom/components/ControlBar.less +++ b/web/app/cad/dom/components/ControlBar.less @@ -12,22 +12,33 @@ } .button { - display: inline-block; cursor: pointer; - padding: 0.3em 0.3em 0.4em 0.6em; + padding: 0.4em 0.5em; - @border: 1px solid @border-color; - &.left { - border-right: @border; - } - &.right { - border-left: @border; - } &:hover { background-color: @work-area-control-bar-bg-color-active; } + line-height: 1; } +.left, .right { + display: flex; + align-items: baseline; +} + +.right { + flex-direction: row-reverse; +} + +@border: 1px solid @border-color; +.left .button { + border-right: @border; +} +.right .button { + border-left: @border; +} + + .button.disabled { color: @font-color-suppressed; &:hover { diff --git a/web/app/cad/dom/menu/menuPlugin.js b/web/app/cad/dom/menu/menuPlugin.js index ea109858..886aff43 100644 --- a/web/app/cad/dom/menu/menuPlugin.js +++ b/web/app/cad/dom/menu/menuPlugin.js @@ -16,7 +16,7 @@ export function activate({bus, services}) { x: undefined, y: undefined }); - if (!appearance) { + if (!appearance.label) { appearance.label = id; } showMenuActions.push({ diff --git a/web/app/cad/part/partModellerPlugin.js b/web/app/cad/part/partModellerPlugin.js index 8ac5b70c..6d6c787c 100644 --- a/web/app/cad/part/partModellerPlugin.js +++ b/web/app/cad/part/partModellerPlugin.js @@ -16,7 +16,7 @@ export function activate({bus, services}) { bus.dispatch(UI_TOKENS.CONTROL_BAR_RIGHT, [ ['Info', {label: null}], ['RefreshSketches', {label: null}], - ['ShowSketches', {label: 'sketches'}], ['DeselectAll', null], ['ToggleCameraMode', null] + ['ShowSketches', {label: 'sketches'}], ['DeselectAll', {label: null}], ['ToggleCameraMode', {label: null}] ]); bus.dispatch(UI_TOKENS.TOOLBAR_BAR_LEFT, ['PLANE', 'EditFace', 'EXTRUDE', 'CUT', 'REVOLVE']);