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

Cover grid: Auto-resizing of covers based on window size now takes window aspect ratio into account

Browse Source 
The resizing algorithm ensures that at least three covers fit along the
smaller of the window width/height
This commit is contained in:
Kovid Goyal 2017-05-11 11:16:15 +05:30
parent 7a56b8e5b7
commit 0f2d23ae3c
No known key found for this signature in database
GPG Key ID: 06BC317B515ACE7C
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pyj/book_list/cover_grid.pyj
View File

@ -15,14 +15,19 @@ DESCRIPTION = _('A grid of book covers')
def cover_grid_css():
sel = '.' + COVER_GRID_CLASS
ans = build_rule(sel, display='flex', flex_wrap='wrap', justify_content='space-around', align_items='flex-end', align_content='flex-start', user_select='none', overflow='hidden')
margin, margin_unit = 10, 'px'
ans = build_rule(sel, display='flex', flex_wrap='wrap', justify_content='space-around', align_items='flex-end',
align_content='flex-start', user_select='none', overflow='hidden', margin_top=f'{margin / 2}{margin_unit}')
# Container for an individual cover
sel += ' > div'
ans += build_rule(
sel, margin='10px', display='flex', align_content='flex-end', align_items='flex-end', justify_content='space-around',
width='21vw', height='28vw', max_width=THUMBNAIL_MAX_WIDTH+'px', max_height=THUMBNAIL_MAX_HEIGHT+'px', cursor='pointer',
sel, margin=f'{margin}{margin_unit}', display='flex', align_content='flex-end', align_items='flex-end', justify_content='space-around',
max_width=THUMBNAIL_MAX_WIDTH+'px', max_height=THUMBNAIL_MAX_HEIGHT+'px', cursor='pointer',
min_width=f'{THUMBNAIL_MAX_WIDTH // 2}px', min_height=f'{THUMBNAIL_MAX_HEIGHT // 2}px')
mq = '@media all and (orientation: {orient}) {{ {sel} {{ width: 21{dim}; height: 28{dim} }} }}'
for dim in 'vw', 'vh':
ans += mq.format(sel=sel, dim=dim, orient='portrait' if dim is 'vw' else 'landscape')
ans += build_rule(f'{sel}:hover', transform='scale(1.2)')
ans += build_rule(f'{sel}:active', transform='scale(2)')
ans += build_rule(sel + '.cover-grid-filler', height='0', max_height='0', min_height='0')