Cutlery/calibre
1
0
Fork 0
mirror of https://github.com/kovidgoyal/calibre.git synced 2025-07-09 03:04:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

Workaround for WebKit bug in layout of transformed images on window resize

Browse Source
This commit is contained in:
Kovid Goyal 2015-11-10 23:07:28 +05:30
parent d23f731c0c
commit 834b3217f4
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/pyj/book_list/views.pyj
View File

@ -22,8 +22,11 @@ class BooksView:
self.is_fetching = False
self.shown_book_ids = {}
self.container_id = 'books-view-' + bv_counter
style = build_rule('#' + self.container_id + ' .cover_grid img:hover', transform='scale(1.2)')
style += build_rule('#' + self.container_id + ' .cover_grid img:active', transform='scale(2.0)')
# We have to apply the transform ont he containing div not the img because of a bug in WebKit
# that causes img aspect ratios to be messed up on window resize if the transform is specified
# on the img itself
style = build_rule('#' + self.container_id + ' .cover_grid > div:hover', transform='scale(1.2)')
style += build_rule('#' + self.container_id + ' .cover_grid > div:active', transform='scale(2.0)')
div = E.div(
id=self.container_id, style='display:block',
E.style(style),