Browse Source

rename style toggle

aragonc 10 years ago
parent
commit
488d4248be
2 changed files with 22 additions and 8 deletions
  1. 11 5
      main/css/base.css
  2. 11 3
      main/inc/lib/javascript/jquery.lp_minipanel.js

+ 11 - 5
main/css/base.css

@@ -5578,16 +5578,22 @@ ul.holder li.bit-box a.closebutton{
   visibility: hidden;
   display: none;
 }
-/* Bar toogle scorm */
-.scorm-toogle{
-  background-color: #ddd4b0;
+/* Bar toggle scorm */
+.scorm-toggle{
+  background-color: #ddd4b0 !important;
   margin-left: 10px;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
+  display: block;
+  cursor: pointer;
+}
+.scorm-toggle.arrow-right{
+  background: url("../img/arrow-right.png") no-repeat center center;
+}
+.scorm-toggle.arrow-left{
+  background: url("../img/arrow-left.png") no-repeat center center;
 }
-
-
 /* CSS Responsive */
 @media (max-width: 480px) {
   #learning_path_breadcrumb_zone {

+ 11 - 3
main/inc/lib/javascript/jquery.lp_minipanel.js

@@ -38,7 +38,9 @@ function toogle_minipanel() {
     $('#learning_path_right_zone').css('margin-left','10px');
     $('#hide_bar table').css('backgroundImage','url(../img/hide2.png)').css('backgroundColor','#EEEEEE');
 }
-
+function hiddenPanel(){
+    $("#learning_path_left_zone").addClass('demo');
+}
 var left_width_mini = 20;  // (relative) hide_bar position
 
 $(document).ready(function() {
@@ -46,8 +48,14 @@ $(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" 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"});
+    $('#learning_path_right_zone').before('<div id="hide_bar" class="scorm-toggle arrow-left" style="float: left; width: 25px; height: 1000px;"></div>');
+    //$('#hide_bar table').css({backgroundImage: "url(../img/hide0.png)", backgroundRepeat: "no-repeat", backgroundPosition: "center center"});
+
+
+
+    $("#hider_bar").click(function(){
+        hiddenPanel();
+    });
 
     //Adding effects to hide bar
     /* $('#hide_bar table').hover(function () {