From 731890031ea6e9c86ed2b01f14663acdd6c5ee93 Mon Sep 17 00:00:00 2001
From: Kleber Silva <kleber.swf@gmail.com>
Date: Sun, 12 Dec 2021 11:58:38 -0300
Subject: [PATCH] added index.scss

---
 src/{editor-view => }/_colors.scss                          | 0
 src/{editor-view => }/_editor-vars.scss                     | 0
 src/editor-view/editor-view.scss                            | 5 ++++-
 src/editor-view/object-tree/model/object-tree-model.ts      | 2 +-
 src/editor-view/object-tree/tree-node/object-tree-node.scss | 2 +-
 src/index.scss                                              | 2 ++
 src/plugin.ts                                               | 1 +
 src/scene-view/reference-image/reference-image.scss         | 1 -
 src/scene-view/selection-area/gizmos/selection-gizmo.scss   | 4 ----
 9 files changed, 9 insertions(+), 8 deletions(-)
 rename src/{editor-view => }/_colors.scss (100%)
 rename src/{editor-view => }/_editor-vars.scss (100%)
 create mode 100644 src/index.scss

diff --git a/src/editor-view/_colors.scss b/src/_colors.scss
similarity index 100%
rename from src/editor-view/_colors.scss
rename to src/_colors.scss
diff --git a/src/editor-view/_editor-vars.scss b/src/_editor-vars.scss
similarity index 100%
rename from src/editor-view/_editor-vars.scss
rename to src/_editor-vars.scss
diff --git a/src/editor-view/editor-view.scss b/src/editor-view/editor-view.scss
index 7808255..91ae6da 100644
--- a/src/editor-view/editor-view.scss
+++ b/src/editor-view/editor-view.scss
@@ -1,5 +1,4 @@
 @import 'colors';
-@import 'editor-vars';
 
 @mixin basic-input-properties {
 	font-size: 14px;
@@ -227,6 +226,10 @@ phred-editor-view {
 		opacity: 0.5;
 	}
 
+	.invisible {
+		display: none;
+	}
+
 	.phred-content {
 		flex: 1;
 		display: inline-flex;
diff --git a/src/editor-view/object-tree/model/object-tree-model.ts b/src/editor-view/object-tree/model/object-tree-model.ts
index d8726db..a6ef485 100644
--- a/src/editor-view/object-tree/model/object-tree-model.ts
+++ b/src/editor-view/object-tree/model/object-tree-model.ts
@@ -59,7 +59,7 @@ export class ObjectTreeModel {
 			const o = objects[k] as ObjectTreeNodeModel;
 			if (!o.node) return;
 			o.node.classList.addOrRemove(
-				'invisible',
+				'excluded',
 				o.node.title.toLowerCase().indexOf(filter) < 0
 			);
 		});
diff --git a/src/editor-view/object-tree/tree-node/object-tree-node.scss b/src/editor-view/object-tree/tree-node/object-tree-node.scss
index 39d79f4..c2abc6b 100644
--- a/src/editor-view/object-tree/tree-node/object-tree-node.scss
+++ b/src/editor-view/object-tree/tree-node/object-tree-node.scss
@@ -29,7 +29,7 @@ phred-object-tree-node {
 		}
 	}
 
-	&.invisible {
+	&.excluded {
 		& > .node-head {
 			display: none;
 		}
diff --git a/src/index.scss b/src/index.scss
new file mode 100644
index 0000000..a515845
--- /dev/null
+++ b/src/index.scss
@@ -0,0 +1,2 @@
+@import 'colors';
+@import 'editor-vars';
diff --git a/src/plugin.ts b/src/plugin.ts
index 01d441f..421c9a8 100644
--- a/src/plugin.ts
+++ b/src/plugin.ts
@@ -2,6 +2,7 @@ import { Editor } from 'core/editor';
 import { EditorStateHandler } from 'editor.state-handler';
 import Phaser from 'phaser-ce';
 import { PluginConfigBuilder } from 'plugin.model';
+import './index.scss';
 
 interface GameStateConfig {
 	disableVisibilityChange: boolean;
diff --git a/src/scene-view/reference-image/reference-image.scss b/src/scene-view/reference-image/reference-image.scss
index ccf8f08..05923a8 100644
--- a/src/scene-view/reference-image/reference-image.scss
+++ b/src/scene-view/reference-image/reference-image.scss
@@ -6,7 +6,6 @@ phred-reference-image {
 	bottom: 0;
 	pointer-events: none;
 
-	&.invisible,
 	&.invalid {
 		display: none;
 	}
diff --git a/src/scene-view/selection-area/gizmos/selection-gizmo.scss b/src/scene-view/selection-area/gizmos/selection-gizmo.scss
index 209db9a..05770d4 100644
--- a/src/scene-view/selection-area/gizmos/selection-gizmo.scss
+++ b/src/scene-view/selection-area/gizmos/selection-gizmo.scss
@@ -9,10 +9,6 @@ phred-selection-gizmo {
 	padding: 0;
 	margin: 0;
 
-	&.invisible {
-		display: none;
-	}
-
 	&.disabled {
 		display: none;
 	}