Ver código fonte

fix scorm items buttoms responsive movil in forum CT#7972

aragonc 9 anos atrás
pai
commit
5a946bcb2b

+ 80 - 40
app/Resources/public/css/scorm.css

@@ -317,12 +317,15 @@ See https://support.chamilo.org/issues/6976
 
 
 #scorm-info{
-    padding: 5px;
+    padding: 10px;
     margin-bottom: 5px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
 }
 #scorm-info .description-autor p {
-    font-size: 14px;
-    line-height: 1.2em;
+    font-size: 12px;
+    line-height: 20px;
+    color: #666666;
 }
 #scorm-info hr {
     background-color: #DDD;
@@ -331,11 +334,19 @@ See https://support.chamilo.org/issues/6976
 #scorm-info #progress_bar .progress{
     margin-bottom: 5px;
 }
-
+.image-avatar .media-left img,
+.image-avatar img{
+    border: 1px solid #DDD;
+    border-radius: 5px;
+}
+.image-avatar{
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
 .scorm-title{
     color: #666;
-    font-size: 20px;
-    font-weight: bold;
+    font-size: 16px;
+    font-weight: 700;
     line-height: 1.5em;
     margin: 0 0 10px;
     overflow: hidden;
@@ -343,10 +354,6 @@ See https://support.chamilo.org/issues/6976
     white-space: nowrap;
 }
 
-#lp_navigation_elem a {
-    color: black;
-}
-
 #learning_path_right_zone .lp-view-tabs li a {
     padding: 5px 10px;
 }
@@ -401,19 +408,12 @@ See https://support.chamilo.org/issues/6976
     width: 100%;
 }
 
-#lp_navigation_elem {
-    position: absolute;
-    right: 5px;
-    top: 40px;
-    width: 70%;
-}
-
 #learning_path_right_zone .lp-view-tabs .tab-content {
     bottom: 5px;
     left: 5px;
     position: absolute;
     right: 5px;
-    top: 95px;
+    top: 65px;
 }
 #learning_path_right_zone .tab-pane{
     height: 100%;
@@ -433,27 +433,67 @@ See https://support.chamilo.org/issues/6976
     left: 0;
     width: 100%;
 }
-
+.nav-tabs li.active a{
+    color: #006A84;
+}
+.nav-tabs li a{
+    color: #666666;
+}
+#lp-view-expand-button{
+    border: none;
+}
+.icon-toolbar{
+    border-radius: 100%;
+    width: 35px;
+    display: inline-block !important;
+    margin: 0px 5px 5px 0px;
+    color: #fff;
+    
+}
+.icon-toolbar .fa{
+    width: 35px;
+    height: 35px;
+    line-height: 35px;
+    text-align: center;
+    border-radius: 100%;
+    background-color: #34495E;
+    font-size: 20px;
+}
+.icon-toolbar .fa:hover{
+    background-color: #000;
+}
+.expand .fa{
+    background-color: #00829C;
+}
+.expand .fa:hover{
+    background-color: #006A84;
+    color: #ffffff;
+}
+.expand .fa:active, .expand .fa:focus{
+    color: #ffffff;
+}
+#learning_path_toc {
+        bottom: 10px;
+        left: 10px;
+        right: 5px;
+        margin-top:20px;
+        border: 1px solid #ddd;
+        padding: 10px;
+        border-radius: 5px;
+}
 /* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) {
     #scorm-info{
         padding: 10px;
         margin-bottom: 10px;
     }
-
-    #learning_path_main {
-        
-    }
-
     #learning_path_left_zone {
         width: 250px;
     }
-
     #learning_path_right_zone {
         left: 250px;
         width: calc(100% - 250px);
     }
-
     #learning_path_main.lp-view-include-breadcrumb #learning_path_left_zone,
     #learning_path_main.lp-view-include-breadcrumb #learning_path_right_zone {
         top: 40px;
@@ -468,23 +508,11 @@ See https://support.chamilo.org/issues/6976
     #learning_path_right_zone .lp-view-zone-container {
         padding-left: 5px;
     }
-
-    #learning_path_toc {
-        bottom: 10px;
-        left: 10px;
-        right: 5px;
-    }
-
-    #lp_navigation_elem {
-        right: 10px;
-        top: 45px;
-        width: 75%;
-    }
-
+    
     #learning_path_right_zone .lp-view-tabs .tab-content {
         bottom: 10px;
         right: 10px;
-        top: 100px;
+        top: 75px;
     }
     #learning_path_right_zone .tab-pane{
     }
@@ -515,3 +543,15 @@ See https://support.chamilo.org/issues/6976
         width: calc(100% - 350px);
     }
 }
+/* Landscape phones and down */
+@media (max-width: 480px) {
+    #home-course{
+        display: none !important;
+    }
+    .movil-toolbar{
+        text-align: center;
+    }
+    .scorm-title{
+        font-size: 14px;
+    }
+}

+ 0 - 8
app/cache/.htaccess

@@ -1,8 +0,0 @@
-order deny,allow
-deny from all
-
-# pChart generated files should be allowed
-<FilesMatch "^[0-9a-f]+$">
-	order allow,deny
-	allow from all
-</FilesMatch>

+ 6 - 6
main/newscorm/learnpath.class.php

@@ -1933,14 +1933,14 @@ class learnpath
         } else {
             $navbar = '
                 <span id="'.$idBar.'" class="buttons text-right">
-                    <a class="btn btn-xs btn-link" href="lp_controller.php?action=stats&'.api_get_cidreq(true).'&lp_id='.$lp_id.'" onclick="window.parent.API.save_asset();return true;" target="content_name" title="stats" id="stats_link">
-                        <span class="fa fa-info-circle fa-3x"></span><span class="sr-only">' . get_lang('Reporting') . '</span>
+                    <a class="icon-toolbar" href="lp_controller.php?action=stats&'.api_get_cidreq(true).'&lp_id='.$lp_id.'" onclick="window.parent.API.save_asset();return true;" target="content_name" title="stats" id="stats_link">
+                        <span class="fa fa-info"></span><span class="sr-only">' . get_lang('Reporting') . '</span>
                     </a>
-                    <a class="btn btn-xs btn-link" id="scorm-previous" href="#" onclick="switch_item(' . $mycurrentitemid . ',\'previous\');return false;" title="previous">
-                        <span class="fa fa-chevron-circle-left fa-3x"></span><span class="sr-only">' . get_lang('ScormPrevious') . '</span>
+                    <a class="icon-toolbar" id="scorm-previous" href="#" onclick="switch_item(' . $mycurrentitemid . ',\'previous\');return false;" title="previous">
+                        <span class="fa fa-chevron-left"></span><span class="sr-only">' . get_lang('ScormPrevious') . '</span>
                     </a>
-                    <a class="btn btn-xs btn-link" id="scorm-next" href="#" onclick="switch_item(' . $mycurrentitemid . ',\'next\');return false;" title="next">
-                        <span class="fa fa-chevron-circle-right fa-3x"></span><span class="sr-only">' . get_lang('ScormNext') . '</span>
+                    <a class="icon-toolbar" id="scorm-next" href="#" onclick="switch_item(' . $mycurrentitemid . ',\'next\');return false;" title="next">
+                        <span class="fa fa-chevron-right"></span><span class="sr-only">' . get_lang('ScormNext') . '</span>
                     </a>
                 </span>';
         }

+ 14 - 10
main/template/default/learnpath/view.tpl

@@ -6,7 +6,7 @@
     {% endif %}
             <div id="learning_path_left_zone" class="sidebar-scorm">
                 <div class="lp-view-zone-container">
-                    <div id="scorm-info" class="jumbotron">
+                    <div id="scorm-info">
                         <div id="panel-scorm" class="panel-bsody">
                             <div class="image-avatar">
                                     {% if lp_author == '' %}
@@ -71,9 +71,15 @@
                                 {{ teacher_toc_buttons }}
 
                             <hr class="visible-xs-block">
-                            <button type="button" id="lp-view-expand-button" class="btn btn-link btn-block visible-xs-block">
-                                <span class="fa fa-expand" aria-hidden="true"></span> {{ 'SeeContent'|get_lang }}
-                            </button>
+                            <div class="visible-xs-block movil-toolbar">
+                                <button type="button" id="lp-view-expand-button" class="icon-toolbar expand visible-xs-block">
+                                <span class="fa fa-expand" aria-hidden="true"></span>
+                                </button>
+                                <a href="{{ button_home_url }}" class="icon-toolbar" target="_self" onclick="javascript: window.parent.API.save_asset();">
+                                    <em class="fa fa-home"></em> <span class="hidden-xs hidden-sm"></span>
+                                </a>
+                            </div>
+                            
                         </div>
                     </div>
 
@@ -95,18 +101,16 @@
             <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">
-                        <a href="{{ button_home_url }}" class="btn btn-link" target="_self" onclick="javascript: window.parent.API.save_asset();">
-                            <em class="fa fa-home fa-2x"></em> <span class="hidden-xs hidden-sm">{{ button_home_text }}</span>
-                        </a>
-                        <a href="#" id="lp-view-expand-toggle" class="btn btn-link" role="button">
+                        <a href="#" id="lp-view-expand-toggle" class="icon-toolbar expand" role="button">
                             <span class="fa fa-expand" aria-hidden="true"></span>
                             <span class="sr-only">{{ 'Expand'|get_lang }}</span>
                         </a>
+                        <a id="home-course" href="{{ button_home_url }}" class="icon-toolbar" target="_self" onclick="javascript: window.parent.API.save_asset();">
+                            <em class="fa fa-home"></em> <span class="hidden-xs hidden-sm"></span>
+                        </a>
                         {{ navigation_bar }}
                     </div>
 
-                    <h1 class="scorm-title">{{ lp_title_scorm }}</h1>
-
                     <div class="lp-view-tabs">
                         <ul class="nav nav-tabs" role="tablist">
                             <li role="presentation" class="active">