fix buttom mini panel view scorm leccion BT#9901 #TMI

app/Resources/public/css/base.css

@@ -151,7 +151,24 @@ ul#navigation li a {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
   -webkit-box-shadow: 0px 4px 3px #000;
 }
-
+#touch-button.btn-touch:hover{
+  background-color: #35890B;
+}
+#touch-button.btn-touch{
+  background-color: #4CAE4C;
+  -webkit-border-top-right-radius: 5px;
+  -webkit-border-bottom-right-radius: 5px;
+  -moz-border-radius-topright: 5px;
+  -moz-border-radius-bottomright: 5px;
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+  background-image: url('../../main/img/touch-left.png');
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+#touch-button.show-touch{
+  background-image: url('../../main/img/touch-right.png');
+}
 ul#navigation .help a {
   background-color:#879DAA;
   border:1px solid #FFFFFF;

main/inc/lib/javascript/jquery.lp_minipanel.js

@@ -12,15 +12,18 @@
 $(document).ready(function() {
 
     $('#touch-button').click(function() {
+
         $('#learning_path_left_zone').toggle("slow", function(){
             $('#learning_path_right_zone').toggleClass('total');
             $(function(){
                 $('#learning_path_right_zone').slideToggle(300);
                 $('#control-bottom').toggle("slow");
+
             });
         });
         $(this).toggleClass('show-touch');
         $('#learning_path_right_zone').slideToggle(300);
+
     });
 
     // effects items scorm content

main/template/default/learnpath/view.tpl

@@ -6,7 +6,7 @@
             </div>
         </div>
     {% endif %}
-    <button id="touch-button" class="btn btn-primary"><i class="fa fa-bars"></i></button>
+    <button id="touch-button" class="btn-touch"></button>
     <div class="container-fluid">
         <div class="row">
             <div id="learning_path_left_zone" class="sidebar-scorm">