Skip to content

fix(blog): make tag filter dropdown inline instead of overlay#93

Merged
debba merged 1 commit into
mainfrom
claude/fix-blog-post-dates-ktUeF
Mar 14, 2026
Merged

fix(blog): make tag filter dropdown inline instead of overlay#93
debba merged 1 commit into
mainfrom
claude/fix-blog-post-dates-ktUeF

Conversation

@debba
Copy link
Copy Markdown
Collaborator

@debba debba commented Mar 14, 2026

The dropdown now flows in the document and pushes content down, avoiding overlap with the post list below.

https://claude.ai/code/session_01SBHNeJUKxabh7HWVXUzJpZ

The dropdown now flows in the document and pushes content down,
avoiding overlap with the post list below.

https://claude.ai/code/session_01SBHNeJUKxabh7HWVXUzJpZ
@debba debba merged commit 2b590de into main Mar 14, 2026
@kilo-code-bot
Copy link
Copy Markdown

kilo-code-bot Bot commented Mar 14, 2026

Code Review Summary

Status: No Issues Found | Recommendation: Merge

Files Reviewed (1 file)
  • website/src/app/globals.css - CSS refactoring for tag filter dropdown

Changes Analysis

This PR refactors the tag filter component's styling from an absolutely positioned floating dropdown to a static inline layout:

Change Impact
Removed position: relative from .tag-filter ✅ No longer needed since dropdown is in normal flow
Removed absolute positioning (top, left, z-index) from dropdown ✅ Cleaner, more predictable layout
Added margin-top: 0.5rem to dropdown ✅ Proper spacing in inline layout
Removed box-shadow and max-width ✅ Stylistic choice for inline display
Removed mobile media query ✅ No longer needed for non-positioned element

The animation (tagFilterIn with translateY(-4px)) continues to work well for a subtle reveal effect, and flex-wrap: wrap naturally handles responsive item wrapping.

@debba debba deleted the claude/fix-blog-post-dates-ktUeF branch March 16, 2026 09:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants