Skip to content

Prevent 1px seam between mobile bottom bar and bottom menu#668

Draft
Copilot wants to merge 2 commits into
mainfrom
copilot/fix-bottom-menu-gap
Draft

Prevent 1px seam between mobile bottom bar and bottom menu#668
Copilot wants to merge 2 commits into
mainfrom
copilot/fix-bottom-menu-gap

Conversation

Copy link
Copy Markdown

Copilot AI commented May 9, 2026

On some mobile render paths, the bottom offcanvas menu could leave a visible 1px gap above the fixed bottom bar. This change makes the layout intentionally overlap by 1px to avoid any seam.

  • Mobile bottom-menu positioning

    • Updated the offcanvas bottom menu offset to overlap the fixed bottom bar by 1px.
    • Change applied in SCSS source and propagated to compiled CSS artifacts.
  • Files updated

    • src/Money.Blazor.Host/wwwroot/css/site.scss
    • src/Money.Blazor.Host/wwwroot/css/site.css
    • src/Money.Blazor.Host/wwwroot/css/site.min.css
.offcanvas-bottom-menu {
    --bs-offcanvas-height: auto;
    bottom: 53px; // was 54px
}

Copilot AI linked an issue May 9, 2026 that may be closed by this pull request
Copilot AI changed the title [WIP] Fix 1px gap in mobile bottom menu Prevent 1px seam between mobile bottom bar and bottom menu May 9, 2026
Copilot AI requested a review from maraf May 9, 2026 22:11
Copilot finished work on behalf of maraf May 9, 2026 22:11
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.

Mobile bottom menu has 1px gap between bottom bar

2 participants