Idea detail
sticky_cta_node
reqlan rq/site/site.rq:783
Summary
Root layout layout.tsx hosts a sticky, draggable button tray on marketing pages.
The tray stays in the viewport. Drag starts from a dedicated handle only — action links must not capture pointer or begin a drag.
The drag / hit box is the button tray only ( `width` / `height`: fit-content ). Labels and tooltips overlay outside that box; they must not enlarge it.
Compact state is icon-only. Hover / focus expands the matching label as a tooltip beside ( web ) or above ( mobile ) the icon, flipped if the tray is near that viewport edge.
Narrow ( mobile ) viewports show one action: star the GitHub repository.
Wider ( web ) viewports also show " Try the extension ", which opens quickstart_page.
GitHub href and icons come from phonebook / phonebook_icon_component, not hardcoded URLs or ad-hoc glyphs.
Copy lives in sticky-cta.ts per copy.
Do not show the tray on the presentation player route per presentation_player_route.
Navigation
Attributes
Ancestor context
No ancestor chain recorded.
Outbound references
| Kind | Idea | Path | Snippet |
|---|---|---|---|
| file_reference | "../../site/src/app/layout.tsx" | site/src/app/layout.tsx | layout.tsx |
| references | quickstart_page | reqlan rq/site/site.rq | quickstart_page |
| references | phonebook | reqlan rq/phonebook.rq | phonebook |
| references | phonebook_icon_component | reqlan rq/site/site.rq | phonebook_icon_component |
| file_reference | "../../site/src/content/sticky-cta.ts" | site/src/content/sticky-cta.ts | sticky-cta.ts |
| references | copy | reqlan rq/site/site.rq | copy |
| references | presentation_player_route | reqlan rq/site/site.rq | presentation_player_route |
| file_reference | "../../site/src/components/StickyCtaNode.tsx" | site/src/components/StickyCtaNode.tsx | StickyCtaNode.tsx |
| comment_link | sticky_cta_node | reqlan rq/site/site/src/app/layout.tsx | // rq:sticky_cta_node |
| comment_link | sticky_cta_node | reqlan rq/site/site/src/components/StickyCtaNode.tsx | // rq:sticky_cta_node |
| comment_link | sticky_cta_node | reqlan rq/site/site/src/content/sticky-cta.test.ts | // rq:sticky_cta_node |
| comment_link | sticky_cta_node | reqlan rq/site/site/src/content/sticky-cta.ts | // rq:sticky_cta_node |
Inbound references
| Kind | Idea | Path | Snippet |
|---|---|---|---|
| references | components | reqlan rq/site/site.rq | sticky_cta_node |
| references | hero_github_star | reqlan rq/site/site.rq | sticky_cta_node |
| references | copy | reqlan rq/site/site.rq | sticky_cta_node |
| references | quiz_sticker_tab | reqlan rq/site/site.rq | sticky_cta_node |
Unresolved references
| Kind | Idea | Path | Snippet |
|---|---|---|---|
| None | |||
Local graph
Initialising graph…