fixed: gizmos visibility

kleber-swf · Dec 10, 2021 · 149e633 · 149e633
1 parent 02d1b4d
commit 149e633
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/src/scene-view/selection-area/gizmos/selection-gizmo.scss b/src/scene-view/selection-area/gizmos/selection-gizmo.scss
@@ -2,13 +2,21 @@
 
 phred-selection-gizmo {
 	position: absolute;
-	display: none;
+	display: block;
 	padding: 0;
 	margin: 0;
 	background-color: transparent;
 	padding: 0;
 	margin: 0;
 
+	&.invisible {
+		display: none;
+	}
+
+	&.disabled {
+		display: none;
+	}
+
 	div {
 		box-sizing: content-box;
 		position: absolute;

diff --git a/src/scene-view/selection-area/gizmos/selection-gizmo.ts b/src/scene-view/selection-area/gizmos/selection-gizmo.ts
@@ -25,7 +25,11 @@ export class SelectionGizmo extends HTMLElement implements Gizmo {
 	private _pointCache2: Point = { x: 0, y: 0 };
 
 	public set visible(value: boolean) {
-		this.style.display = value && Editor.data.selectedObject ? 'block' : 'none';
+		this.classList.addOrRemove('invisible', !value);
+	}
+
+	public set enabled(value: boolean) {
+		this.classList.addOrRemove('disabled', !value);
 	}
 
 	public set showGuides(value: boolean) {

diff --git a/src/scene-view/selection-area/selection-area.ts b/src/scene-view/selection-area/selection-area.ts
@@ -154,7 +154,7 @@ export class SelectionArea extends HTMLElement {
 	private onPreferencesChanged(key: PreferenceKey, value: any) {
 		switch (key) {
 			case 'gizmos':
-				this.gizmo.visible = value;
+				this.gizmo.enabled = value;
 				return;
 			case 'snap':
 				(this.handlers[GIZMO_MOVE] as MoveHandler)