senaduka/old-lab_ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added generic css to loading and tagging options

Browse Source
This commit is contained in:
Rohit
2019-06-27 11:10:15 -04:00
parent 8b59a4855c
commit db1c5d7ecc
2 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
client/app/components/coordinator/coordinator.html
View File

@@ -327,7 +327,7 @@
<div id="RecordingStatusLabel" class="message"> <div id="RecordingStatusLabel" class="message">
<!-- TO DO: Show errors in bag manager --> <!-- TO DO: Show errors in bag manager -->
</div> </div>
<div class="tagging-options" id="teachTags"> <div class="slider-options tagging-options" id="teachTags">
<div class="col-md-10"> <div class="col-md-10">
<!--full with naming box search:no new:yes--> <!--full with naming box search:no new:yes-->
<select id="teachBagFileName" placeholder="Filename"></select> <select id="teachBagFileName" placeholder="Filename"></select>
@@ -341,7 +341,7 @@
<i class="fas fa-times-circle" onclick="hideTaggingOptions('teach', false)"></i> <i class="fas fa-times-circle" onclick="hideTaggingOptions('teach', false)"></i>
</div> </div>
</div> </div>
<div id="playTagError" class="col-md-10"></div> <div id="teachTagError" class="col-md-10 error"></div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>
@@ -382,7 +382,7 @@
<!-- TO DO: Show errors in bag manager --> <!-- TO DO: Show errors in bag manager -->
</div> </div>
<!-- TO DO: Bagfile name must not start with "/" --> <!-- 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"> <div class="col-md-10">
<!--full with naming box search:no new:yes--> <!--full with naming box search:no new:yes-->
<select id="playBagFileName" placeholder="Filename"></select> <select id="playBagFileName" placeholder="Filename"></select>
@@ -396,7 +396,7 @@
<i class="fas fa-times-circle" onclick="hideTaggingOptions('play', false)"></i> <i class="fas fa-times-circle" onclick="hideTaggingOptions('play', false)"></i>
</div> </div>
</div> </div>
<div class="loading options open"> <div class="slider-options loading-options">
<div class="col-md-10"> <div class="col-md-10">
<div class="dropdown"> <div class="dropdown">
<div> <div>
@@ -411,7 +411,7 @@
<i class="fas fa-times-circle" onclick=""></i> <i class="fas fa-times-circle" onclick=""></i>
</div> </div>
</div> </div>
<div id="playTagError" class="col-md-10"></div> <div id="playTagError" class="col-md-10 error"></div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>

16
client/app/main.css
View File

@@ -382,29 +382,33 @@ html, body {
width: 500px; width: 500px;
} }
.tagging-options { .slider-options {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.tagging-options select{ .slider-options select{
width: 100%; width: 100%;
} }
#playTagError { .slider-options .error {
margin-top: 5px; margin-top: 5px;
} }
.tagging-options i { .slider-options i {
font-size: 30px; font-size: 30px;
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.slider-options {
.tagging-options, .loading-options {
height: 0; height: 0;
overflow: hidden; overflow: hidden;
}
.tagging-options {
transition: height 600ms ease 0ms;
}
.loading-options {
transition: height 600ms ease 0ms; transition: height 600ms ease 0ms;
} }
.tagging-options.open { .tagging-options.open {