Skip to content

Conversation

@grv-saini-20
Copy link
Collaborator

@grv-saini-20 grv-saini-20 commented Jan 27, 2026

Description of change

Fixed the bottom nav problem

Issue Number

closes #696

Type of change

  • Update (a change which updates existing functionality)
  • Fix (a change which fixes an issue)

How the change has been tested

Manual

Change checklist

  • I have ensured that the CI Checks pass locally
  • I have removed any unnecessary logic
  • My code is well documented
  • I have signed my commits
  • My code follows the pattern of the application
  • I have self reviewed my code

Summary by CodeRabbit

  • Style
    • Improved sidebar layout positioning to extend across the full width of the screen while maintaining its fixed bottom position.

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

@grv-saini-20 grv-saini-20 self-assigned this Jan 27, 2026
@grv-saini-20 grv-saini-20 requested a review from coodos as a code owner January 27, 2026 10:57
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Jan 27, 2026

📝 Walkthrough

Walkthrough

A CSS class update to the sidebar container adds left and right alignment (left-0, right-0) to an existing bottom-fixed positioning, ensuring full horizontal width coverage on mobile devices. This fixes a layout issue where the bottom panel was visually broken on iPhone Safari.

Changes

Cohort / File(s) Summary
Mobile Sidebar Layout Fix
platforms/blabsy/src/components/sidebar/sidebar.tsx
Updated div className to include left-0 and right-0 alongside bottom-0, ensuring the sidebar spans full horizontal width while remaining fixed to the bottom of the viewport

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐰 A sidebar that wandered left and right,
Now anchored with CSS might,
On Safari's screen, both wide and tall,
The bottom panel spans it all! ✨

🚥 Pre-merge checks | ✅ 4 | ❌ 1
❌ Failed checks (1 warning)
Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed The title references the main issue being addressed (BottomNav on Safari), though it uses a non-standard abbreviation-heavy format rather than being a clear descriptive sentence.
Description check ✅ Passed The PR description follows the template structure and includes all required sections: change description, issue number, type of change, testing method, and completed checklist items.
Linked Issues check ✅ Passed The code changes directly address the linked issue #696 by fixing the bottom navigation panel visibility on Safari/iOS by extending the sidebar div to span full width.
Out of Scope Changes check ✅ Passed All changes are focused and scoped to fixing the bottom navigation issue mentioned in #696; no extraneous modifications detected.

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

✨ Finishing touches
  • 📝 Generate docstrings

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

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

@coodos coodos merged commit 61197fb into main Jan 27, 2026
4 checks passed
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] [iPhone, safari] Blabsy: bottom panel broken on message page

3 participants