Repository navigation
Fix/UI polish search layout - #119
Merged
Merged
Conversation
Replace transition: all on the filter toggle, search input, guide cards and tags with explicit property lists, and drop the description transition, which could never interpolate the line-clamp toggle. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Cards lift 2px instead of 5px and no longer fade to 80% opacity, which made the hovered card look disabled. Card and tag hovers now run at 150ms ease-out. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The filter toggle slid off-screen while back-to-top snapped, because only one of them transitioned right. Both now hide with a composited translate at 200ms ease-out. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Toggling display alongside opacity cancelled the fade, so the scrim snapped on while the drawer slid. Toggle visibility instead, matching the sticky search wrapper. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The sticky search bar now drifts up 8px as it fades, and both it and the mobile filter drawer use ease-out in both directions. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Gives the filter toggle, Clear All Filters, Show more, tags and back-to-top tactile feedback, which touch users otherwise lack. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Replace the CSS ☰ and ↑ glyphs with the three-bars and arrow-up Octicons already used in the header, so the icons render the same on every OS and take their colour from currentColor. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The 2px grey border boxed the grid in while the sidebar and results panel already use shadows. Cards now rest on a layered shadow ring and keep the navy ring on hover. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The scroll handler looked up #back-to-top before the element was in the DOM, so it always got null and the button never slid away. Render the button before the main script and drop an unused duplicate lookup. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The input removed its outline on focus and kept the same border colour, leaving only a 95%-to-100% white background shift. Add a two-tone focus-visible ring: white against the navy page, navy where the sticky bar floats over the white panels. Both pairs measure 11.7:1. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.