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;