-
Notifications
You must be signed in to change notification settings - Fork 441
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.
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
Modernize RDoc Darkfish template CSS #1157
Conversation
126a05a
to
1c0b028
Compare
@paracycle Thanks for the suggestions. I've extracted fonts into variables as well as cleaned up some variable usages. |
1c0b028
to
0518d4e
Compare
- Update color scheme with muted green tones and improved contrast - Enhance readability by adjusting font sizes and weights - Improve code block styling with a light gray background - Refactor layout for better responsiveness and sidebar presentation - Standardize link styles across the document - Implement CSS variables for easier theme customization - Adjust heading styles for better visual hierarchy - Enhance table and list styling for improved readability - Optimize search field and navigation toggle appearance - Improve method detail and documentation section styling - Reorganize css and overhaul the sidebar design - Improve code block's syntax highlighting
0518d4e
to
36114ba
Compare
(ruby/rdoc#1157) - Update color scheme with muted green tones and improved contrast - Enhance readability by adjusting font sizes and weights - Improve code block styling with a light gray background - Refactor layout for better responsiveness and sidebar presentation - Standardize link styles across the document - Implement CSS variables for easier theme customization - Adjust heading styles for better visual hierarchy - Enhance table and list styling for improved readability - Optimize search field and navigation toggle appearance - Improve method detail and documentation section styling - Reorganize css and overhaul the sidebar design - Improve code block's syntax highlighting ruby/rdoc@6cde9edadb
@st0012 TY for the update! I notices that some pages (here's an example) are hard to read on mobile. |
Do you mean because of the initial zoom? |
Yeah. Users shouldn't need to zoom in/out to read on mobile. It's like the text doesn't wrap or something. I'm AFK so I can't tell exactly what's going on |
nav ul li details > summary { | ||
list-style: none; /* Remove the default marker */ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Unfortunately, this still doesn't work in Safari 18.1.
summary::-webkit-details-marker {display: none;}
is needed.
Was it intentional to make label lists and note lists render the exact same way? IMO, it's useful to have the two different definition list styles, even though I'd love for one or both of them to be slightly different from what they are in 6.7.0. |
Result
rdoc-theme-demo.mp4
Comparisions
For detail comparison, I recommend clicking into images.
Left: old; Right: new
RDoc
Ruby official docs