Merge pull request #1832 from aragonc/1.11.x

fix mobile view for scorm

app/Resources/public/css/base.css

@@ -3087,10 +3087,6 @@ a.forum_group_link {
 }
 
 /* actions */
-.actions_lp {
-    width:100%;
-    text-align: center;
-}
 .actions_lp img {
     vertical-align:middle;
 }

app/Resources/public/css/scorm.css

@@ -109,6 +109,7 @@ See https://support.chamilo.org/issues/6976
 .scorm_item_normal{
     line-height: 25px;
     border-bottom: 1px solid #DDD;
+    padding: 5px 0;
 }
 .level_0 {
     margin: 0;
@@ -342,7 +343,7 @@ See https://support.chamilo.org/issues/6976
     left: 5px;
     position: absolute;
     right: 5px;
-    top: 65px;
+    top: 120px;
 }
 #learning_path_right_zone .tab-pane{
     height: 100%;
@@ -381,6 +382,7 @@ See https://support.chamilo.org/issues/6976
     list-style: none;
     margin: 0;
     padding: 0;
+    width: 100%;
 }
 .btn-movil li{
     display: block;
@@ -423,6 +425,16 @@ See https://support.chamilo.org/issues/6976
 #scorm-info .progress-bar{
     line-height: 17px;
 }
+.actions_lp{
+    display: inline-block;
+    width: 100%;
+    text-align: center;
+}
+.navegation-bar{
+    display: inline-block;
+    width: 100%;
+    padding: 10px;
+}
 /* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) {
     #scorm-info{
@@ -438,7 +450,7 @@ See https://support.chamilo.org/issues/6976
     }
     #learning_path_main.lp-view-include-breadcrumb #learning_path_left_zone,
     #learning_path_main.lp-view-include-breadcrumb #learning_path_right_zone {
-        top: 40px;
+        top: 0;
     }
     #learning_path_left_zone .lp-view-zone-container,
     #learning_path_right_zone .lp-view-zone-container {
@@ -454,7 +466,7 @@ See https://support.chamilo.org/issues/6976
     #learning_path_right_zone .lp-view-tabs .tab-content {
         bottom: 10px;
         right: 10px;
-        top: 75px;
+        top: 120px;
     }
     #learning_path_right_zone .tab-pane{
     }
@@ -485,15 +497,55 @@ See https://support.chamilo.org/issues/6976
         width: calc(100% - 350px);
     }
 }
+@media (min-width : 480px) and (max-width: 767px) {
+    #panel-scorm .image-avatar{
+        display: none;
+    }
+    #scorm-info {
+	padding: 0;
+	margin: 0;
+    }
+}
 /* Landscape phones and down */
 @media (max-width: 480px) {
-    #home-course{
-        display: none !important;
-    }
     .scorm-title{
         font-size: 14px;
+        padding: 10px;
     }
     .movil-toolbar{
-        padding-left: 35%;
+        width: 100%;
+        height: auto;
+    }
+    .scorm_item_normal{
+        padding: 10px 5px;
+    }
+    .actions_lp .btn-group .btn-sm{
+        padding: 10px;
+    }
+    .icon-toolbar .fa {
+	width: 45px;
+	height: 45px;
+	line-height: 45px;
+	font-size: 25px;
+    }
+    .btn-movil {
+	width: 130px;
+	margin: auto;
+    }
+    #scorm-info {
+	padding: 0;
+	margin: 0;
+    }
+    #learning_path_toc {
+        left: 5px;
+	padding: 0px;
+	border-radius: 5px;
+    }
+    #learning_path_right_zone {
+        left: 100%;
+        width: auto;
+    }
+    #panel-scorm .image-avatar{
+        display: none;
     }
 }

main/template/default/learnpath/view.tpl

@@ -1,9 +1,4 @@
 <div id="learning_path_main" class="{{ is_allowed_to_edit ? 'lp-view-include-breadcrumb' }} {{ lp_mode == 'embedframe' ? 'lp-view-collapsed' }}">
-    {% if is_allowed_to_edit %}
-        <div id="learning_path_breadcrumb_zone" class="hidden-xs">
-            {{ breadcrumb }}
-        </div>
-    {% endif %}
         <div id="learning_path_left_zone" class="sidebar-scorm">
             <div class="lp-view-zone-container">
                 <div id="scorm-info">
@@ -98,7 +93,7 @@
         {# right zone #}
         <div id="learning_path_right_zone" class="content-scorm">
             <div class="lp-view-zone-container">
-                <div id="lp_navigation_elem" class="navegation-bar pull-right text-right">
+                <div id="lp_navigation_elem" class="navegation-bar">
                     <a href="#" title = "{{ 'Expand'|get_lang }}" id="lp-view-expand-toggle" class="icon-toolbar expand" role="button">
                         {% if lp_mode == 'embedframe' %}
                             <span class="fa fa-compress" aria-hidden="true"></span>