fix: glass not showing under NavigationMenuContent; tweak: header icons size

[Diubii]

Closes #116 and #118

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 8d5e6f24-5551-4abc-8b64-40f633f391fa

📥 Commits

Reviewing files that changed from the base of the PR and between 099c628 and 4577982.

📒 Files selected for processing (1)

• src/components/header/icon-buttons.tsx

---

Walkthrough

Desktop header navigation wrapper was restructured with a new fixed/positioned outer container and repositioned Glass element for visibility; chevron and icon button sizes were reduced for visual refinement.

Changes

Header Layout and Sizing Updates

Layer / File(s)	Summary
Navigation wrapper restructuring and Glass positioning src/components/header/desktop-layout.tsx	Fixed/positioned wrapper <div> now contains the Glass element (changed to absolute/pointer-events-none) and NavigationMenu component (transparent background with updated padding); wrapper closing moved to the new div boundary.
Header icon and chevron sizing adjustments src/components/header/desktop-layout.tsx, src/components/header/icon-buttons.tsx	FiChevronDown icon reduced from 24 to 16; IconButtonsDesktop icons reduced from 24 to 20 and IconButtonsMobile uses class-based 24px sizing with text-text-primary instead of size prop and text-black.

Possibly related PRs

• PoliNetworkOrg/web#57: Both PRs touch the header's desktop navigation/UI: this change updates DesktopLayout/NavigationMenu wrapper and Glass positioning, related to the earlier header refactor in #57.

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately summarizes both main changes: fixing the glass effect under NavigationMenuContent and tweaking header icon sizes.
Linked Issues check	✅ Passed	The PR addresses issue #116 (glass not showing under NavigationMenuContent) through restructuring the navigation menu wrapper with proper positioning of the Glass element.
Out of Scope Changes check	✅ Passed	All changes are scoped to the stated objectives: fixing the glass visual effect and adjusting header icon sizing in both mobile and desktop components.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

ESLint skipped: no ESLint configuration detected in root package.json. To enable, add eslint to devDependencies.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}