Skip to content

#31 → WebKit 瀏覽器調整 ruby 大細 #33

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
google-labs-jules wants to merge 5 commits into
base: main
Choose a base branch
from
Draft

#31 → WebKit 瀏覽器調整 ruby 大細 #33

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
6b6e5c9
Enable JS-based ruby font scaling for WebKit/Safari
google-labs-jules[bot] Sep 15, 2025
f74476e
fix: Use robust WebKit detection for ruby font scaling
google-labs-jules[bot] Sep 15, 2025
11df332
fix: Define and use isWebKit() for ruby font scaling
google-labs-jules[bot] Sep 15, 2025
a5004a3
fix: Use requestAnimationFrame for ruby font scaling
google-labs-jules[bot] Sep 15, 2025
8fa8819
fix: Use stable CSS rule for ruby font size
google-labs-jules[bot] Sep 15, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 8 additions & 2 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -125,8 +125,14 @@
font-size: 1.5em;
font-weight: 700;
}
rt,
ruby[class^="sandhi-"] { /* 改用屬性選擇器 */
rt {
/* font-size was 1em, which is too large for ruby text, causing wrapping issues in WebKit.
Reducing it to 60% of the parent ruby element's font size. */
font-size: 60%;
font-family: var(--roman-font) !important;
margin-bottom: 0.3em;
}
ruby[class^="sandhi-"] { /* Separated from rt selector for clarity */
font-size: 1em;
font-family: var(--roman-font) !important;
margin-bottom: 0.3em;
Expand Down