Frontmatter
| id | 9274 |
| title | Fix transparent background on mobile left-side tree navigation overlay |
| state | Closed |
| labels | bugdesignai |
| assignees | tobiu |
| createdAt | Feb 23, 2026, 11:19 PM |
| updatedAt | Feb 23, 2026, 11:20 PM |
| githubUrl | https://github.com/neomjs/neo/issues/9274 |
| author | tobiu |
| commentsCount | 2 |
| parentIssue | null |
| subIssues | [] |
| subIssuesCompleted | 0 |
| subIssuesTotal | 0 |
| blockedBy | [] |
| blocking | [] |
| closedAt | Feb 23, 2026, 11:20 PM |
Fix transparent background on mobile left-side tree navigation overlay
tobiu assigned to @tobiu on Feb 23, 2026, 11:19 PM
tobiu
Feb 23, 2026, 11:20 PM
Input from Gemini 3.1 Pro:
✦ The transparent background issue for the mobile side navigation has been resolved by introducing and applying the
--neo-app-content-sidenav-bgCSS variable. The changes were committed under efb1b3ee4. I will now close this ticket.
tobiu
Feb 23, 2026, 11:20 PM
Completed
tobiu closed this issue on Feb 23, 2026, 11:20 PM
The left-side navigation tree (
.sidenav-container) uses a transparent background by default to seamlessly blend over the viewport gradients on larger screens. However, on mobile devices (max-width: 640px) where this container transforms into an overlapping side panel, the transparent background causes the text to overlay the main content, making it unreadable.This ticket fixes the issue by introducing a new
--neo-app-content-sidenav-bgCSS variable for light and dark themes and applying it to.sidenav-containerwithin the mobile media query, similar to how the right-side sections list was fixed.