Rooba
/
perkeep
mirror of https://github.com/perkeep/perkeep.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge "Fix the weird flicker on mouseover of thumbnails."

This commit is contained in:
Brad Fitzpatrick 2014-01-08 18:02:15 +00:00 committed by Gerrit Code Review
parent ded498a5fc 4491995fad
commit ebcfb0270e
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
server/camlistored/ui/blob_item.css
View File

@ -141,6 +141,9 @@ limitations under the License.
top: 5px; top: 5px;
transition: opacity 0.2s ease; transition: opacity 0.2s ease;
width: 25px; width: 25px;
/* To force us into a graphics layer, otherwise we get weird effects as we transition in and out of one during animation. See: https://code.google.com/p/camlistore/issues/detail?id=284. */
-webkit-transform: scale3d(1, 1, 1);
} }
.cam-blobitem.goog-control-disabled .checkmark { .cam-blobitem.goog-control-disabled .checkmark {

5
server/camlistored/ui/index.js
View File

@ -97,8 +97,9 @@ cam.IndexPage.prototype.setTransform_ = function() {
var originY = currentHeight * currentScroll / potentialScroll; var originY = currentHeight * currentScroll / potentialScroll;
goog.style.setStyle(this.blobItemContainer_.getElement(), goog.style.setStyle(this.blobItemContainer_.getElement(),
{'transform': goog.string.subs('scale(%s)', scale), // The 3d transform is important. See: https://code.google.com/p/camlistore/issues/detail?id=284.
'transform-origin': goog.string.subs('right %spx', originY)}); {'transform': goog.string.subs('scale3d(%s, %s, 1)', scale, scale),
'transform-origin': goog.string.subs('right %spx 0', originY)});
}; };
cam.IndexPage.prototype.onNavClose = function() { cam.IndexPage.prototype.onNavClose = function() {