fixed stop button and popovers

This commit is contained in:
Rohit Nandwani
2019-06-24 12:34:24 -04:00
parent 10e35f19e9
commit d9a447a157
3 changed files with 14 additions and 8 deletions

View File

@@ -155,8 +155,7 @@
<div class="control-card panel panel-default">
<div class="panel-heading">
EEF Configuration
<i class="fas fa-info-circle" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?"></i>
<i class="fas fa-info-circle" tabindex="0" data-toggle="popover" data-trigger="focus" data-content="This selects the end-effector attached to the left arm."></i>
</div>
<div class="panel-body text-center">
@@ -180,7 +179,7 @@
<div class="control-card-six control-card panel panel-default">
<div class="panel-heading">
Operation Mode
<i class="fas fa-info-circle"></i>
<i class="fas fa-info-circle" tabindex="0" data-toggle="popover" data-trigger="focus" data-content="This selects the operation mode of the left arm."></i>
</div>
<div class="panel-body text-center">
<div class="button-area">
@@ -256,7 +255,7 @@
<div class="control-card panel panel-default">
<div class="panel-heading">
Teaching Mode Operations
<i class="fas fa-info-circle"></i>
<i class="fas fa-info-circle" tabindex="0" data-toggle="popover" data-trigger="focus" data-content="This helps recoding a new massage!"></i>
</div>
<div class="panel-body text-center">
<div class="button-area">
@@ -282,7 +281,7 @@
<div class="control-card panel panel-default execution-control">
<div class="panel-heading">
Play Mode Operations
<i class="fas fa-info-circle"></i>
<i class="fas fa-info-circle" tabindex="0" data-toggle="popover" data-trigger="focus" data-content="This helps selecting and playback of recorded massages!"></i>
</div>
<div class="panel-body text-center">
<div class="button-area">
@@ -468,7 +467,7 @@
<div class="control-card panel panel-default">
<div class="panel-heading">
EEF Configuration
<i class="fas fa-info-circle"></i>
<i class="fas fa-info-circle" tabindex="0" data-toggle="popover" data-trigger="focus" data-content="This selects the end-effector attached to the right arm."></i>
</div>
<div class="panel-body text-center">
<div class="button-area">
@@ -491,7 +490,7 @@
<div class="control-card-six control-card panel panel-default">
<div class="panel-heading">
Operation Mode
<i class="fas fa-info-circle"></i>
<i class="fas fa-info-circle" tabindex="0" data-toggle="popover" data-trigger="focus" data-content="This selects the operation mode of the right arm."></i>
</div>
<div class="panel-body text-center">
<div class="button-area">

View File

@@ -47,6 +47,9 @@ setTimeout(function(){
setTimeout(function(){
document.querySelector('.hand-panel-right .status-bar').style.height = document.querySelector('.hand-panel-left .status-bar').offsetHeight + 20 + "px";
$(function () {
$('[data-toggle="popover"]').popover()
})
}, 100);

View File

@@ -365,8 +365,12 @@ html, body {
width: 100%;
height: 200px;
font-size: 32px;
color: white !important;
}
.popover {
color: black;
}