Skip to content

Fixes feed overlap when ErrorBar appears #734#735

Open
rajeev-k47 wants to merge 2 commits intometabrainz:mainfrom
rajeev-k47:feed_screen_overlap_issue
Open

Fixes feed overlap when ErrorBar appears #734#735
rajeev-k47 wants to merge 2 commits intometabrainz:mainfrom
rajeev-k47:feed_screen_overlap_issue

Conversation

@rajeev-k47
Copy link
Copy Markdown
Contributor

Fixes #734

AC6AD53EC31FBAC8E6F3F728248B3406-Screen_Recording_20260309_033242_ListenBrainz.Debug.mp4

Fixes the layout overlap on the Feed screen when the ErrorBar appears. Previously, when a network error occurred, the ErrorBar increased the height of the header section (TopBar + ErrorBar + NavigationChips), but the feed list below did not adjust its starting offset. This caused feed tiles to overlap with the header area.

The fix makes the spacer at the top of the feed list dynamic instead of fixed. Its height now depends on whether the ErrorBar is visible. When the error banner appears, the spacer becomes larger so the feed content starts lower and remains correctly positioned below the header. When there is no error, the spacer keeps the normal height.

This keeps the layout consistent and prevents the overlap issue across all feed tabs (My Feed, Follow Listens, and Similar Listens).

@rajeev-k47
Copy link
Copy Markdown
Contributor Author

Hey @07jasjeet, this small PR fixes the layout issue on the feed screen. Please take a look and let me know if any changes are needed.

@rajeev-k47
Copy link
Copy Markdown
Contributor Author

@07jasjeet I have done the changes requested, now instead of hard coded padding it dynamically adds the combined padding of ErrorBarHeight and NavigationChipsHeight to the content. Tested on different DPI settings.

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.

[Bug] Feed screen layout overlap when ErrorBar appears

2 participants