Improve admin bar style

diff --git a/ext/afform/gui/ang/afGuiEditor.css b/ext/afform/gui/ang/afGuiEditor.css
index 540a96fafbe0d021948b3d260e6d3c3ccc1e9cba..8047a19184d1c23f19bed189552e32eb86069f9c 100644 (file)
--- a/ext/afform/gui/ang/afGuiEditor.css
+++ b/ext/afform/gui/ang/afGuiEditor.css
@@ -55,18 +55,23 @@
 
 #afGuiEditor .af-gui-bar {
   cursor: move;
-  visibility: hidden;
   background-color: #efefef;
   height: 22px;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
-  padding-left:15px;
+  padding-left: 15px;
+  opacity: 0;
+  transition: opacity 1s 2s;
 }
-
 #afGuiEditor-canvas:hover .af-gui-bar {
-  visibility: visible;
+  opacity: 1;
+  transition: opacity .2s;
+}
+
+#afGuiEditor .af-gui-bar .btn.active {
+  background-color: #b3b3b3;
 }
 
 #afGuiEditor .af-gui-field,