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

E-book viewer: When Read aloud is speaking, make the control bar translucent so that words under the bar are visible

Browse Source
This commit is contained in:
Kovid Goyal 2023-01-05 07:35:32 +05:30
parent 89a5f2ffc4
commit 036bbdb7ff
No known key found for this signature in database
GPG Key ID: 06BC317B515ACE7C
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/pyj/read_book/read_aloud.pyj
View File

@ -44,6 +44,10 @@ class ReadAloud:
style='border: solid 1px currentColor; border-radius: 5px;' style='border: solid 1px currentColor; border-radius: 5px;'
'display: flex; flex-direction: column; margin: 1rem;' 'display: flex; flex-direction: column; margin: 1rem;'
)) ))
container.appendChild(E.style(
f'#{self.bar_id}.speaking '+'{ opacity: 0.5 }\n\n',
f'#{self.bar_id}.speaking:hover '+'{ opacity: 1.0 }\n\n',
))
container.addEventListener('keydown', self.on_keydown, {'passive': False}) container.addEventListener('keydown', self.on_keydown, {'passive': False})
container.addEventListener('click', self.container_clicked, {'passive': False}) container.addEventListener('click', self.container_clicked, {'passive': False})
container.addEventListener('contextmenu', self.toggle, {'passive': False}) container.addEventListener('contextmenu', self.toggle, {'passive': False})
@ -99,6 +103,10 @@ class ReadAloud:
return return
self.container.style.alignItems = 'flex-end' if is_flow_mode() else 'flex-start' self.container.style.alignItems = 'flex-end' if is_flow_mode() else 'flex-start'
bar_container = self.bar bar_container = self.bar
if self.state is PLAYING:
bar_container.classList.add('speaking')
else:
bar_container.classList.remove('speaking')
clear(bar_container) clear(bar_container)
bar_container.style.maxWidth = 'min(40rem, 80vw)' if self.supports_css_min_max else '40rem' bar_container.style.maxWidth = 'min(40rem, 80vw)' if self.supports_css_min_max else '40rem'
bar_container.style.backgroundColor = get_color("window-background") bar_container.style.backgroundColor = get_color("window-background")