fix:BottomNav-Blabsy-Safari

[grv-saini-20]

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

[coderabbitai]

📝 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

• X
• Mastodon
• Reddit
• LinkedIn

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

[grv-saini-20]

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

[coderabbitai]

📝 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

• X
• Mastodon
• Reddit
• LinkedIn

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

[grv-saini-20]

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

[coderabbitai]

📝 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

• X
• Mastodon
• Reddit
• LinkedIn

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

[grv-saini-20]

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

[coderabbitai]

📝 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

• X
• Mastodon
• Reddit
• LinkedIn

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

[grv-saini-20]

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

[coderabbitai]

📝 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

• X
• Mastodon
• Reddit
• LinkedIn

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

[grv-saini-20]

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

[coderabbitai]

📝 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

• X
• Mastodon
• Reddit
• LinkedIn

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

[grv-saini-20]

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

[coderabbitai]

📝 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

• X
• Mastodon
• Reddit
• LinkedIn

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

[grv-saini-20]

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

[coderabbitai]

📝 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

• X
• Mastodon
• Reddit
• LinkedIn

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