diff --git a/ui/TODO.otl b/ui/TODO.otl index 03aa5904..10a00c14 100755 --- a/ui/TODO.otl +++ b/ui/TODO.otl @@ -123,7 +123,7 @@ Priority work [X] 100% actions [X] bug: shifting up to new ribbon pushes the current row down... | before starting on a fix, need to cleanup the code from old hacks and workarounds... - [_] 24% Preview II (optional features) + [_] 29% Preview II (optional features) [_] 0% PhoneGap + Android Issues: [_] half the keyboard is not working... [_] screen buttons are very laggy @@ -173,6 +173,20 @@ Priority work [_] double tap/click to zoom (a-la iPad) | fit <-> actual pixels (max) [_] pinch to zoom + [X] BUG: rendering error when current ribbon images opacity is 1... + | This happens when: + | - opcity of .current.ribbon .image is 1 + | - there is atleast a ribbon above + | - the view is zoomed-out a bit ~70% + | + | the view is partially re-rendered when navigating images... + | + | since this is a browser render error, think of a way to work + | around this. + | + | WORKAROUND: set the opacity to 0.9999 instead of 1 forces the + | browser to re-render the whole set correctly. need to find a + | better way... [X] 100% add sort/re-sort capability... [X] abstract out image id [X] replace id (use something else like filename) diff --git a/ui/gallery-prototype.js b/ui/gallery-prototype.js index eb03b50a..3b2c878b 100755 --- a/ui/gallery-prototype.js +++ b/ui/gallery-prototype.js @@ -875,6 +875,16 @@ function setupControlElements(){ // NOTE: when the images are loaded, the actual handlers will be set by the loader... setupImageEventHandlers($(".image")) + // make the indicator active... + $(".current-indicator div") + .click(function(){ + $('.current.image').click() + }) + .dblclick(function(){ + ImageGrid.toggleSingleImageMode() + }) + + // buttons... $('.screen-button.next-image').mousedown(ImageGrid.nextImage) $('.screen-button.prev-image').mousedown(ImageGrid.prevImage) diff --git a/ui/gallery.css b/ui/gallery.css index 535c97d7..edeb8596 100755 --- a/ui/gallery.css +++ b/ui/gallery.css @@ -120,12 +120,14 @@ .current-indicator { display: none; + cursor: hand; } .opaque-current-ribbon .current-indicator { display: block; position: absolute; + z-index: 1000; } .opaque-current-ribbon .current-indicator div { position: relative; @@ -136,6 +138,8 @@ width: 100%; height: 100%; + + cursor: hand; } .opaque-current-ribbon.dot-indicator .current-indicator { @@ -154,7 +158,10 @@ } .opaque-current-ribbon .current.ribbon .image { - opacity: 1.0; + /* XXX this should actiually be 1.0, but that makes the webkit + * renderer misbehave, so this is a workaround + */ + opacity: 0.9999; }