Style method entries as signature cards in aliki theme#1669
Conversation
|
🚀 Preview deployment available at: https://062b9e5c.rdoc-6cd.pages.dev (commit: 4b26c40) |
st0012
force-pushed
the
signature-card-design
branch
2 times, most recently
from
7235073 to
251f5db
Compare
st0012
force-pushed
the
signature-card-design
branch
from
251f5db to
be86678
Compare
There was a problem hiding this comment.
Pull request overview
Updates the Aliki RDoc theme CSS to visually present method signature blocks as “cards,” improving separation between API signatures and documentation text while keeping templates unchanged.
Changes:
- Introduces new signature-specific design tokens (
--color-sig-bg,--color-sig-border) for light/dark themes. - Styles method headers with a background “card” and accent border; removes underline styling from method heading links.
- Repositions the “Source” toggle button using absolute positioning and adjusts spacing in method descriptions.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| main .method-controls { | ||
| float: right; | ||
| position: absolute; | ||
| top: var(--space-3); | ||
| right: var(--space-3); | ||
| } |
There was a problem hiding this comment.
main .method-controls is now absolutely positioned, but .method-header/.method-heading no longer reserves horizontal space for it (the previous max-width: calc(100% - 6em) was removed). With long call sequences or method names, the signature text can render underneath the “Source” control.
Consider reserving space via padding-right on .method-header/.method-heading (or a grid/flex layout that allocates a dedicated column for .method-controls) so the signature and control cannot overlap.
st0012
force-pushed
the
signature-card-design
branch
from
be86678 to
4b26c40
Compare
Summary
--color-sig-bgdesign token (lighter than--color-code-bg) for both light and dark themesCSS-only change — no template modifications.
Before / After