Fix 3-dot action menu overlapping between article rows

[arifulhoque7]

Fix 3-dot action menu overlapping between article rows
Close #277

The dropdown menu from one article row was appearing behind another row's
menu button due to stacking context issues. Added dynamic z-index (z-50)
to the parent container when the menu is active, ensuring it always
renders above other rows.

Summary by CodeRabbit

• Bug Fixes
  • Improved z-index layering to ensure UI elements display correctly when actions are shown.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

Modified DocActions.js to dynamically apply conditional z-index styling to the actions menu. The component now appends the "z-50" class when showActions is true, ensuring proper layering and preventing menu overlap issues in the document administration interface.

Changes

Cohort / File(s)	Summary
Z-Index Layering Fix src/components/DocActions.js	Changed static className to dynamic expression that conditionally appends "z-50" when showActions is true, resolving overlapping menu display issue

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Poem

🐰 Three dots aligned, no longer clash,
A z-index fix, quick as a dash!
Menus now stack with proper grace,
Each one knows its rightful place.

Pre-merge checks and finishing touches

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: fixing the 3-dot action menu overlapping issue between article rows by adding z-index styling.
Linked Issues check	✅ Passed	The code change directly addresses issue #277 by adding dynamic z-50 class to resolve the stacking context issue causing menu overlap between article rows.
Out of Scope Changes check	✅ Passed	All changes are directly related to resolving the menu overlap issue; no unrelated modifications to other components or functionality are present.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ Finishing touches

• 📝 Generate docstrings

---

📜 Recent review details

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 05da333 and 823f470.

📒 Files selected for processing (1)

• src/components/DocActions.js

🧰 Additional context used

🧬 Code graph analysis (1)

src/components/DocActions.js (1)

src/components/Documentations/ParentDocs.js (1)

• showActions (60-63)

🔇 Additional comments (1)

src/components/DocActions.js (1)

49-49: LGTM! The dynamic z-index correctly fixes the menu overlap issue.

The conditional z-50 class on the parent container creates the proper stacking context when the menu is active, ensuring the dropdown renders above other article rows. This positioning is appropriate for your application's z-index scale—z-50 sits above typical UI elements (z-10, z-40) but below modal layers (z-9999+), preventing article row dropdown conflicts while respecting the modal hierarchy.

---

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.}