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

Properly position bar at center and make sure it is not too long

Browse Source
This commit is contained in:
Kovid Goyal 2023-10-24 13:09:26 +05:30
parent 264bb9917c
commit 2fc15cf23b
No known key found for this signature in database
GPG Key ID: 06BC317B515ACE7C
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pyj/read_book/read_audio_ebook.pyj
View File

@ -37,6 +37,7 @@ def seconds_to_ms(seconds):
class ReadAudioEbook: class ReadAudioEbook:
dont_hide_on_content_loaded = True dont_hide_on_content_loaded = True
CONTAINER_DISPLAY = 'flex'
def __init__(self, view): def __init__(self, view):
self.view = view self.view = view
@ -50,13 +51,13 @@ class ReadAudioEbook:
self.initialized = True self.initialized = True
container = self.container container = self.container
container.style.transition = "height 0.5s ease-in-out" container.style.backgroundColor = "rgba(0, 0, 0, 0)"
container.style.backgroundColor = "rgba(127, 127, 127, 0.05)" container.style.justifyContent = 'center'
container.style.alignItems = 'flex-end'
container.setAttribute("tabindex", "0") container.setAttribute("tabindex", "0")
bg = get_color("window-background")
container.appendChild(E.div( container.appendChild(E.div(
data_component='bar', data_component='bar',
style=f'position: absolute; bottom: 0; width: 90%; height: 2em; border-radius: 1em; padding:0.5em; display: flex; justify-content: center; align-items: center; background-color: {bg};' style=f'position: absolute; bottom: 0; width: min(600px, 80vw); height: 2em; border-radius: 1em; padding:0.5em; display: flex; justify-content: center; align-items: center; background-color: {get_color("window-background")};'
)) ))
bar_container = container.lastChild bar_container = container.lastChild
container.addEventListener("keydown", self.on_keydown, {"passive": False}) container.addEventListener("keydown", self.on_keydown, {"passive": False})
@ -258,7 +259,7 @@ class ReadAudioEbook:
self.state = PLAYING self.state = PLAYING
change_icon_image(self.play_pause_button, "pause", _('Pause audio')) change_icon_image(self.play_pause_button, "pause", _('Pause audio'))
self.start_playback() self.start_playback()
self.container.style.display = "block" self.container.style.display = self.CONTAINER_DISPLAY
self.focus() self.focus()
if ui_operations.read_aloud_state_changed: if ui_operations.read_aloud_state_changed:
ui_operations.read_aloud_state_changed(True) ui_operations.read_aloud_state_changed(True)