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

Fix font size for input elements in viewer UI

Browse Source
This commit is contained in:
Kovid Goyal 2021-04-13 09:42:53 +05:30
parent c58c1e1a4c
commit 1fd071971b
No known key found for this signature in database
GPG Key ID: 06BC317B515ACE7C
1 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/pyj/widgets.pyj
View File

@ -4,7 +4,6 @@ from __python__ import hash_literals
from dom import build_rule, clear, svgicon, create_keyframes, set_css, change_icon_image, add_extra_css, ensure_id
from elementmaker import E
from utils import is_ios
from book_list.theme import get_color
@ -215,20 +214,16 @@ add_extra_css(def():
ans += create_button.style + '\n'
ans += create_spinner.style + '\n'
ans += Breadcrumbs.STYLE_RULES + '\n'
if is_ios:
# Apple sets the default font size for these too small in its
# browser css and then zooms in on them making them unusable.
# This of course means we need to hardcode a font size for these so in
# the future when Apple's idiot designers decide they want to change
# the default font sizes, things will break again
# https://blog.osmosys.asia/2017/01/05/prevent-ios-from-zooming-in-on-input-fields/
ans += '''
select, textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"],
input[type="url"] { font-size: 16px }
'''
# Chrome hardcodes the size of these to 13.3px. In safari on some devices
# the font size is smaller than the body font size and small enough to
# trigger page zooms. So set it to 1em so they scale with body font size.
ans += '''
select, textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"] { font-size: 1em }
'''
return ans
)