Last 12 weeks · 0 commits
2 of 6 standards met
The pages on the React docs site let you copy the page as markdown for passing content to agents more easily. Idea: make a FancyGist browser extension for copying a webpage as markdown, and pasting it into a new FancyGist page. ...this may have to be an entirely new repo, but maybe not. The extension could also let you make a new FancyGist at any time.
Summary Replaces the expand-on-hover icon buttons with fixed-width (36px) icon-only buttons that show a tooltip below on hover Eliminates the layout shift problem where hovering "About FancyGist" would push "File" and other buttons out of position Adds proper attributes on all icon buttons for screen reader accessibility Problem The previous component animated its width via a Framer Motion spring to reveal a text label on hover. Because buttons are in a flex container with , expanding one button shifted all siblings to the right. Hovering "About FancyGist" (the widest label) displaced "File" entirely, making it impossible to click without the target moving. Solution New component () -- a reusable tooltip that appears below the trigger after a 400ms delay, with Framer Motion fade animation and automatic horizontal nudging to stay within the viewport. Refactored -- removed all width animation, label measurement, , and hover state logic. Now a static 36x36px circle button wrapped in `SplitDownloadButtonforceExpanded` prop from the File menu trigger. This follows standard toolbar UX conventions used by VS Code, Figma, Slack, and similar tools. !Kapture 2026-03-23 at 10 39 14
Repository: cassidoo/fancygist. Description: Clean Markdown GitHub Gists Stars: 105, Forks: 9. Primary language: TypeScript. Languages: TypeScript (79.5%), JavaScript (13.8%), CSS (5.4%), HTML (1.4%). License: MIT. Homepage: https://fancygist.com/ Latest release: v1.1.0 (6mo ago). Open PRs: 2, open issues: 7. Last activity: 3mo ago. Community health: 42%. Top contributors: cassidoo, octokatherine, wesgro.