From db1c5d7ecc1f4ebfa455da86ca8e9433ba8aea88 Mon Sep 17 00:00:00 2001
From: Rohit <rnand@aescape.co>
Date: Thu, 27 Jun 2019 11:10:15 -0400
Subject: [PATCH] added generic css to loading and tagging options

---
 .../app/components/coordinator/coordinator.html  | 10 +++++-----
 client/app/main.css                              | 16 ++++++++++------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/client/app/components/coordinator/coordinator.html b/client/app/components/coordinator/coordinator.html
index 2849c15..ba11306 100644
--- a/client/app/components/coordinator/coordinator.html
+++ b/client/app/components/coordinator/coordinator.html
@@ -327,7 +327,7 @@
                                 <div id="RecordingStatusLabel" class="message">
                                     <!-- TO DO: Show errors in bag manager -->
                                 </div>
-                                <div class="tagging-options" id="teachTags">
+                                <div class="slider-options tagging-options" id="teachTags">
                                     <div class="col-md-10">
                                         <!--full with naming box search:no new:yes-->
                                         <select id="teachBagFileName" placeholder="Filename"></select>
@@ -341,7 +341,7 @@
                                         <i class="fas fa-times-circle" onclick="hideTaggingOptions('teach', false)"></i>
                                     </div>
                                 </div>
-                                <div id="playTagError" class="col-md-10"></div>
+                                <div id="teachTagError" class="col-md-10 error"></div>
                                 <div class="clearfix"></div>
                             </div>
                         </div>                        
@@ -382,7 +382,7 @@
                                         <!-- TO DO: Show errors in bag manager -->
                                     </div>
                                     <!-- TO DO: Bagfile name must not start with "/" -->
-                                    <div class="tagging-options" id="playTags">
+                                    <div class="slider-options tagging-options" id="playTags">
                                         <div class="col-md-10">
                                             <!--full with naming box search:no new:yes-->
                                             <select id="playBagFileName" placeholder="Filename"></select>
@@ -396,7 +396,7 @@
                                             <i class="fas fa-times-circle" onclick="hideTaggingOptions('play', false)"></i>
                                         </div>
                                     </div>
-                                    <div class="loading options open">
+                                    <div class="slider-options loading-options">
                                         <div class="col-md-10">
                                             <div class="dropdown">
                                                 <div>
@@ -411,7 +411,7 @@
                                             <i class="fas fa-times-circle" onclick=""></i>
                                         </div>
                                     </div>
-                                    <div id="playTagError" class="col-md-10"></div>
+                                    <div id="playTagError" class="col-md-10 error"></div>
                                     <div class="clearfix"></div>
                                 </div>
                             </div>                        
diff --git a/client/app/main.css b/client/app/main.css
index 8bb2d5a..e338feb 100644
--- a/client/app/main.css
+++ b/client/app/main.css
@@ -382,29 +382,33 @@ html, body {
         width: 500px;
     }
 
-    .tagging-options {
+    .slider-options {
         display: flex;
         align-items: center;
     }
 
-    .tagging-options select{
+    .slider-options select{
         width: 100%;
     }
 
-    #playTagError {
+    .slider-options .error {
         margin-top: 5px;
     }
 
-    .tagging-options i {
+    .slider-options i {
         font-size: 30px;
         margin-top: 5px;
         margin-bottom: 5px;
     }
 
-
-    .tagging-options, .loading-options {
+    .slider-options {
         height: 0;
         overflow: hidden;
+    }
+    .tagging-options {
+        transition: height 600ms ease 0ms;
+    }
+    .loading-options {
         transition: height 600ms ease 0ms;
     }
     .tagging-options.open {