From f386bc85bd8b8c9c7b914085baa6de597dc12307 Mon Sep 17 00:00:00 2001
From: James Panther <4462786+jpanther@users.noreply.github.com>
Date: Fri, 20 Jan 2023 09:06:19 +1100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20page=20alignment=20when=20?=
 =?UTF-8?q?opening=20hamburger=20menu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes #445
---
 CHANGELOG.md                 | 4 ++++
 assets/css/compiled/main.css | 4 ++--
 assets/css/main.css          | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 64e7444e..c3f22e45 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Updated Traditional Chinese (Taiwan) translation ([#448](https://github.com/jpanther/congo/pull/448))
 - Upgrade to Chart.js v4.2.0 ([#449](https://github.com/jpanther/congo/pull/449))
 
+### Fixed
+
+- Page alignment off-centre when opening hamburger menu at wide viewports ([#445](https://github.com/jpanther/congo/issues/445))
+
 ## [2.5.0] - 2023-01-17
 
 ### Added
diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index d71266bf..5c4d5e14 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1020,8 +1020,8 @@ body button {
 /* Hamburger menu */
 
 body:has(#menu-controller:checked) {
-  position: fixed;
-  overflow-y: hidden;
+  height: 100vh;
+  overflow: hidden;
 }
 
 #menu-button:has(#menu-controller:checked) {
diff --git a/assets/css/main.css b/assets/css/main.css
index 7f34fcf5..7b608c38 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -23,7 +23,7 @@ body button {
 
 /* Hamburger menu */
 body:has(#menu-controller:checked) {
-  @apply fixed overflow-y-hidden;
+  @apply h-screen overflow-hidden;
 }
 #menu-button:has(#menu-controller:checked) {
   @apply invisible;