This commit is contained in:
Kovid Goyal 2017-05-17 17:44:10 +05:30
parent 617983437b
commit e76e13a642
No known key found for this signature in database
GPG Key ID: 06BC317B515ACE7C

View File

@ -52,13 +52,17 @@ add_extra_css(def():
) )
def bottom_margin(sd): def margin_elem(sd, which, id, onclick):
sz = sd.get('margin_bottom', 20) sz = sd.get(which, 20)
fsz = min(max(0, sz - 6), 12) fsz = min(max(0, sz - 6), 12)
return E.div( ans = E.div(
style=f'height:{sz}px; overflow: hidden; font-size:{fsz}px; width:100%; padding: 0; display: flex; justify-content: space-between; align-items: center', id='book-bottom-margin', style=f'height:{sz}px; overflow: hidden; font-size:{fsz}px; width:100%; padding: 0; display: flex; justify-content: space-between; align-items: center',
id=id,
E.div(), E.div() E.div(), E.div()
) )
if onclick:
ans.addEventListener('click', onclick)
return ans
class View: class View:
@ -77,9 +81,9 @@ class View:
E.div(style='flex-grow: 2; display:flex; align-items: stretch', # container for iframe and its overlay E.div(style='flex-grow: 2; display:flex; align-items: stretch', # container for iframe and its overlay
left_margin, left_margin,
E.div(style='flex-grow:2; display:flex; align-items:stretch; flex-direction: column', # container for top and bottom margins E.div(style='flex-grow:2; display:flex; align-items:stretch; flex-direction: column', # container for top and bottom margins
E.div(style='height:{}px; overflow: hidden; width:100%; padding: 0; cursor: pointer'.format(sd.get('margin_top', 20)), id='book-top-margin', onclick=self.top_margin_clicked), margin_elem(sd, 'margin_top', 'book-top-margin', self.top_margin_clicked),
E.iframe(id=iframe_id, seamless=True, sandbox='allow-popups allow-scripts', style='flex-grow: 2', allowfullscreen='true'), E.iframe(id=iframe_id, seamless=True, sandbox='allow-popups allow-scripts', style='flex-grow: 2', allowfullscreen='true'),
bottom_margin(sd), margin_elem(sd, 'margin_bottom', 'book-bottom-margin'),
), ),
right_margin, right_margin,
E.div(style='position: absolute; top:0; left:0; width: 100%; pointer-events:none; display:none', id='book-search-overlay'), # search overlay E.div(style='position: absolute; top:0; left:0; width: 100%; pointer-events:none; display:none', id='book-search-overlay'), # search overlay