made slider look like samuel's crea. popcorn-port
authorhamidouk
Thu, 15 Dec 2011 16:35:48 +0100
branchpopcorn-port
changeset 469 154c049e0c06
parent 468 651528a4f795
child 470 19389e221722
made slider look like samuel's crea.
src/css/LdtPlayer.css
src/js/widgets/sliderWidget.js
--- a/src/css/LdtPlayer.css	Thu Dec 15 12:02:45 2011 +0100
+++ b/src/css/LdtPlayer.css	Thu Dec 15 16:35:48 2011 +0100
@@ -348,11 +348,13 @@
     .Ldt-sliderPositionMarker {
       position: absolute;
       z-index: 100;
-      background-color: blue;
+      background-color: #f7268e;
       height: 5px;
       width: 5px;
       top: 0%;
       bottom: 1px;
+      border-left: 1px solid white;
+      border-right: 1px solid white;
     }
 
     .positionMarker {
--- a/src/js/widgets/sliderWidget.js	Thu Dec 15 12:02:45 2011 +0100
+++ b/src/js/widgets/sliderWidget.js	Thu Dec 15 16:35:48 2011 +0100
@@ -100,6 +100,7 @@
 
   this.sliderBackground.animate({"height": "9px"}, 100);
   this.sliderForeground.animate({"height": "9px"}, 100);
+  this.positionMarker.animate({"height": "9px", "width": "9px", "margin-top": "-4px"}, 100);
   
 //  this.selector.removeClass("Ldt-SliderMinimized");
 //  this.selector.addClass("Ldt-SliderMaximized");
@@ -115,6 +116,8 @@
 IriSP.SliderWidget.prototype.minimizeOnTimeout = function(event) {
   this.sliderBackground.animate({"height": "5px"}, 100);
   this.sliderForeground.animate({"height": "5px"}, 100);
+  this.positionMarker.animate({"height": "5px", "width": "5px", "margin-top": "0px"}, 100);
+  
   this.sliderMinimized = true;
   
 //  this.selector.removeClass("Ldt-SliderMaximized");