From 7048a7c46caa1919c81458cacb874aec25e62f45 Mon Sep 17 00:00:00 2001
From: Tom <mail@goblincaves.com>
Date: Mon, 7 Apr 2025 16:51:17 +0000
Subject: [PATCH] Fixed background styling in specific cases.

---
 src/app/app.component.html | 3 ++-
 src/styles.scss            | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 56c0273..b36c61e 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,6 +1,7 @@
 <main>
   <topbar class="top" />
-  <div [class.grid]="isSidebarOpen"
+  <div class="below-topbar"
+       [class.grid]="isSidebarOpen"
        [class.full]="!isSidebarOpen">
     @if (isSidebarOpen) {
     <sidebar class="navigation" />
diff --git a/src/styles.scss b/src/styles.scss
index ae70932..15e23a4 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -21,9 +21,9 @@ main {
 
 html,
 body,
+div.below-topbar,
 main,
-content,
-sidebar {
+content {
   background-color: var(--mat-sys-background);
   color: var(--mat-sys-on-background);
 }