diff --git a/main/css/base.css b/main/css/base.css index 3b63c8df4b..6ebd491f59 100755 --- a/main/css/base.css +++ b/main/css/base.css @@ -5633,19 +5633,38 @@ ul.holder li.bit-box a.closebutton{ width: 25.66666667%; } .content-scorm{ - width: 74.33333333%; + width: 76.33333333%; } .total{ width: 100%; } + #learning_path_right_zone{ + width: 68%; + display: block; + padding-left: 0; + padding-right: 0; + } + #learning_path_right_zone.total{ + width: 100%; + visibility: visible; + padding-left: 15px; + padding-right: 15px; + } } /* Portrait tablet to landscape and desktop - Escritorio pequeño o Tablet */ @media (min-width: 768px) and (max-width: 979px) { - -} -/* Landscape phone to portrait tablet - Tablet o Smartphone Horizontal */ -@media (max-width: 767px) { - + #learning_path_right_zone{ + width: 58%; + display: block; + padding-left: 0; + padding-right: 0; + } + #learning_path_right_zone.total{ + width: 100%; + padding-left: 15px; + padding-right: 15px; + visibility: visible; + } } /* Landscape phones and down - Solo Smartphone*/ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { @@ -5684,8 +5703,15 @@ ul.holder li.bit-box a.closebutton{ .content-scorm{ visibility: hidden; } + #control-bottom.well{ + padding: 10px; + } .total{ width: 100%; visibility: visible; } + #learning_path_left_zone{ + width: 100%; + display: block; + } } diff --git a/main/newscorm/lp_view.php b/main/newscorm/lp_view.php index bfd5cf2ab8..a372d465e9 100755 --- a/main/newscorm/lp_view.php +++ b/main/newscorm/lp_view.php @@ -474,7 +474,7 @@ if ($is_allowed_to_edit) { var IE = window.navigator.appName.match(/microsoft/i); /* Identified new height */ - var heightControl = ($('#control').is(':visible'))? $('#control').height() : 0 ; + var heightControl = $('#control-bottom').height(); var heightBreadcrumb = ($('#learning_path_breadcrumb_zone').height())? $('#learning_path_breadcrumb_zone').height() : 0 ; var heightScormInfo = $('#scorm-info').height(); @@ -483,17 +483,19 @@ if ($is_allowed_to_edit) { //heightTop = (heightTop > 300)? heightTop : 300; + var innerHeight = $(window).height(); + if(innerHeight<=640){ + $('#inner_lp_toc').css('height', innerHeight - heightTop + "px"); + $('#content_id').css('height', innerHeight - heightControl + "px"); + }else{ + $('#inner_lp_toc').css('height', innerHeight - heightBreadcrumb - heightTop + "px"); + $('#content_id').css('height', innerHeight - heightControl + "px"); + } + //var innerHeight = (IE) ? document.body.clientHeight : window.innerHeight ; - $('#inner_lp_toc').css('height', innerHeight - heightBreadcrumb - heightTop + "px"); - if ($('#content_id')) { - $('#content_id').css('height', innerHeight - heightBreadcrumb - heightControl + "px"); - } - if ($('#hide_bar')) { - $('#hide_bar').css('height', innerHeight - heightBreadcrumb - heightControl + "px"); - } // Loads the glossary library.