From cd5ae5b97e53a2ac7adc82674492755a107946de Mon Sep 17 00:00:00 2001
From: Coleman Watts <coleman@civicrm.org>
Date: Wed, 6 Nov 2019 07:25:35 -0500
Subject: [PATCH] Improve admin bar style

---
 ext/afform/gui/ang/afGuiEditor.css | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/ext/afform/gui/ang/afGuiEditor.css b/ext/afform/gui/ang/afGuiEditor.css
index 540a96fafb..8047a19184 100644
--- 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,
-- 
2.25.1