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">
<!-- 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>

16
client/app/main.css
View File

@@ -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 {