Fix Notifications Tab Layout Overflow #626
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
🎉 Thanks for the PR, @Eshajha19!We really appreciate you taking the time to contribute to ExpenseFlow! 💙 ⭐ Love this project?Please give us a star! It helps the project grow and reach more developers! 🌟 🔗 https://github.com/Renu-code123/ExpenseFlow ✅ PR ChecklistBefore we review, please ensure:
🙌 Thank You for Contributing!We truly appreciate your interest in contributing to this project.
We'll review your PR as soon as possible. Keep up the great work! ✨ |
|
@Eshajha19 is attempting to deploy a commit to the Renu's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
✅ Summary
Fixed an issue where the Notifications tab content was appearing below the main settings panel instead of staying within the right-side content area.
🐛 Problem
Notifications section was breaking out of the settings layout
Page was scrolling instead of the right content panel
Caused poor UI/UX and inconsistent behavior compared to other tabs
✨ Changes Made
Enforced full-height layout for settings container
Locked page-level scrolling
Enabled internal scrolling for .tab-content
Ensured only the active tab is visible
Fixed overflow handling for Notifications tab
🧩 Files Changed
settings.css
🎯 Result
Notifications tab now stays inside the settings panel
Only right panel scrolls
Consistent behavior across all tabs (Profile, Security, Data, etc.)
Cleaner and more professional UI
🧪 Tested
Switched between all tabs
Verified Notifications tab no longer overflows
Confirmed scrolling works only inside content area
This PR #626 closes issue #614