🐛 Fix page alignment when opening hamburger menu

Fixes #445

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

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) {

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;