style: update search modal filter button styling #436
Merged
Conversation
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
Updated the date filter button in the unified search modal to match the filter dropdown button design from the files app. Changes include: - Applied blue button styling with proper hover/active/expanded states - Changed button text from "Date" to "Modified" using CSS - Added CSS-generated dropdown arrow with rotation animation - Improved padding and alignment for better visual consistency - Hidden the calendar icon to match the simplified design - Added decorative empty state image for search results
Update search modal header to use flexbox layout for better alignment of filter buttons and applied filter chips. Position filter chips inline with buttons instead of below them.
Update input field styling for better user experience: - Change border radius to use container radius variable - Add black border in normal state, grey on hover/focus - Add grey background on hover, focus, and active states - Add black focus ring with 3px offset - Hide label on hover and focus - Add 6px left margin to dialog name and header
- Add custom background colors to "Load more results" button (#D2E2FC normal, #ECF3FE hover) - Change result title text to black with large font size - Add font-size-title-large variable for consistent typography - Remove padding from result list items - Add new color variables for theme-adaptive text colors
- Add background color on hover/focus/active for search input - Create background-input-hover-focus variable in nmcdefault.scss - Update header margin to use consistent spacing - Add theme-adaptive text color variables
- Center label vertically in input field - Add smooth transition animation when label moves to top on focus/hover - Set label to smaller font size and position at top when active - Use transparent background for floating label
memurats
approved these changes
Jan 23, 2026
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
Updated the date filter button in the unified search modal to match the filter dropdown button design from the files app. Changes include: