fix responsive scorm CT#7539

1.10.x
aragonc 11 years ago
parent c33f6d5d69
commit 5787256b34
  1. 20
      main/css/base.css
  2. 10
      main/inc/lib/javascript/jquery.lp_minipanel.js

@ -5577,4 +5577,24 @@ ul.holder li.bit-box a.closebutton{
.hidden{
visibility: hidden;
display: none;
}
/* Bar toogle scorm */
.scorm-toogle{
background-color: #ddd4b0;
margin-left: 10px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
/* CSS Responsive */
@media (max-width: 480px) {
#learning_path_breadcrumb_zone {
display: none;
visibility: hidden;
}
#learning_path_main{
margin-top: 5px;
}
}

@ -46,13 +46,11 @@ $(document).ready(function() {
var left_width = $('#learning_path_left_zone').width();
//Adding div to hide panel
$('#learning_path_right_zone').before('<div id="hide_bar" style="float: left; width: 10px; height: 1000px;">' +
'<table style="border: 0 none; width: 100%; height: 100%; cursor: pointer; background-color: #EEEEEE">' +
'<tr><td></td></tr></table></div>');
$('#learning_path_right_zone').before('<div id="hide_bar" class="scorm-toogle" style="float: left; width: 25px; height: 1000px;">');
$('#hide_bar table').css({backgroundImage: "url(../img/hide0.png)", backgroundRepeat: "no-repeat", backgroundPosition: "center center"});
//Adding effects to hide bar
$('#hide_bar table').hover(function () {
/* $('#hide_bar table').hover(function () {
if ($('#hide_bar').position().left >= left_width)
$(this).css('backgroundImage','url(../img/hide1.png)').css('backgroundColor','#888888');
else if($('#hide_bar').position().left <= left_width_mini)
@ -64,7 +62,7 @@ $(document).ready(function() {
$(this).css('backgroundImage','url(../img/hide2.png)').css('backgroundColor','#EEEEEE');
}
);
*/
var original = $('#content_id').height();
// Adding functionality
@ -78,7 +76,7 @@ $(document).ready(function() {
// Show navigation left zone
$('#learning_path_left_zone').show(50);
$('#learning_path_right_zone').css('marginLeft', left_width + 25 + 'px');
$('#hide_bar table').css('backgroundImage','url(../img/hide0.png)').css('backgroundColor','#EEEEEE');
/* $('#hide_bar table').css('backgroundImage','url(../img/hide0.png)').css('backgroundColor','#EEEEEE'); */
$('#learning_path_main #control').remove();
$('#content_id').css({ height: original});
});

Loading…
Cancel
Save