upgrade dojo to 1.8.3 (refs #570)

[tt-rss.git] / lib / dijit / themes / claro / ProgressBar.less

diff --git a/lib/dijit/themes/claro/ProgressBar.less b/lib/dijit/themes/claro/ProgressBar.less
index d361952ee94f7565ca0779ad4dcab73f2dafa211..096618f08074563b93c2405bbbf9ca97a8300cb5 100644 (file)
--- a/lib/dijit/themes/claro/ProgressBar.less
+++ b/lib/dijit/themes/claro/ProgressBar.less
@@ -32,18 +32,26 @@
 }
 .claro .dijitProgressBarEmpty {
        /* outer container and background of the bar that's not finished yet*/
-       background: @progressbar-empty-background-color url("images/progressBarEmpty.png") repeat-none left;
+       background-color: @progressbar-empty-background-color;
        border-color: @progressbar-border-color;
 }
 .claro .dijitProgressBarTile {
        /* inner container for finished portion when in 'tile' (image) mode */
-       background: @progressbar-full-background-color url("images/progressBarFull.png") repeat-x top;  
+       background-color: @progressbar-full-background-color;
+
+       // gradient background using CSS gradient, with fallback to image for IE
+       background-image: url("images/progressBarFull.png");
+       background-repeat: repeat-x;
+       .alpha-white-gradient(0.93,0px, 0.41,1px, 0.7,2px, 0,100%);
+       background-attachment: scroll;  // override strange "fixed" setting from dijit.css
 }
 .dj_ie6 .claro .dijitProgressBarTile {
        background-image: none;
 } 
 .claro .dijitProgressBarFull {
        border-right:1px solid @progressbar-border-color;
+       .transition-property(width);
+       .transition-duration(.25s);
 }
 .claro .dijitProgressBarLabel {
        /* Set to a color that contrasts with both the "Empty" and "Full" parts. */
@@ -52,5 +60,5 @@
 .claro .dijitProgressBarIndeterminate .dijitProgressBarTile {
        /* use an animated gif for the progress bar in 'indeterminate' mode;
                background-color won't appear unless user has turned off background images */
-       background: @bar-background-color url("images/progressBarAnim.gif") repeat-x top;
-} 
\ No newline at end of file
+       background: @bar-background-color url(@image-progressbar-anim) repeat-x top;
+}