Parcourir la source

fix touch button scorm lecciones

aragonc il y a 9 ans
Parent
commit
4e03d8758c

+ 27 - 0
app/Resources/public/css/base.css

@@ -176,6 +176,7 @@ 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;
 }
@@ -194,6 +195,32 @@ ul#navigation li a {
 #touch-button.show-touch{
   background-image: url('../../main/img/touch-right.png');
 }
+*/
+#touch-button.btn-touch{
+  background-color: #C2C2C2;
+}
+#touch-button.btn-touch:hover{
+  background-color: #E9E9F0;
+}
+#touch-button.btn-touch{
+  background-color: #EFEFEF;
+  -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;
+  border: 1px solid #DDD;
+  width: 40px;
+  height: 40px;
+}
+#touch-button.show-touch{
+  background-image: url('../../main/img/touch-right.png');
+}
+
 ul#navigation .help a {
   background-color:#879DAA;
   border:1px solid #FFFFFF;

BIN
main/img/touch-left.png


BIN
main/img/touch-right.png


+ 28 - 21
main/template/default/learnpath/view.tpl

@@ -11,31 +11,38 @@
         <div class="row">
             <div id="learning_path_left_zone" class="sidebar-scorm">
                 {% if gamification_mode == 1 %}
-                    <div class="row">
-                        <div class="col-xs-8">
-                            {% if gamification_stars > 0 %}
-                                {% for i in 1..gamification_stars %}
-                                    <i class="fa fa-star fa-2x"></i>
-                                {% endfor %}
-                            {% endif %}
-
-                            {% if gamification_stars < 4 %}
-                                {% for i in 1..4 - gamification_stars %}
-                                    <i class="fa fa-star-o fa-2x"></i>
-                                {% endfor %}
-                            {% endif %}
-                        </div>
-                        <div class="col-xs-4 text-right">
-                            {{ "XPoints"|get_lang|format(gamification_points) }}
+                <div id="scorm-gamification">
+                    <div class="panel panel-default">
+                        <div class="panel-body">
+                        <div class="row">
+                            <div class="col-xs-8">
+                                {% if gamification_stars > 0 %}
+                                    {% for i in 1..gamification_stars %}
+                                        <i class="fa fa-star fa-2x"></i>
+                                    {% endfor %}
+                                {% endif %}
+
+                                {% if gamification_stars < 4 %}
+                                    {% for i in 1..4 - gamification_stars %}
+                                        <i class="fa fa-star-o fa-2x"></i>
+                                    {% endfor %}
+                                {% endif %}
+                            </div>
+                            <div class="col-xs-4 text-right">
+                                {{ "XPoints"|get_lang|format(gamification_points) }}
+                            </div>
                         </div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-12 navegation-bar" id="lp_navigation_elem">
-                            <div id="progress_bar">
-                                {{ progress_bar }}
+                        <div class="row">
+                            <div class="col-xs-12 navegation-bar" id="lp_navigation_elem">
+                                <div id="progress_bar">
+                                    {{ progress_bar }}
+                                </div>
                             </div>
                         </div>
+                        </div>        
                     </div>
+                </div>
+                    
                 {% else %}
                     <div id="scorm-info" class="panel panel-default">
                         <div class="panel-heading">