From b12c28f55c5ee122ba529ba3b56b1524faddf0f1 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 14 Nov 2025 01:18:02 +0000 Subject: [PATCH 1/4] Initial plan From 173010ed3a95d33f9f0b8a9fa0d93254f7927b07 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 14 Nov 2025 01:30:07 +0000 Subject: [PATCH 2/4] Enable edge-to-edge mode and safe area support for Android Co-authored-by: danielchalmers <7112040+danielchalmers@users.noreply.github.com> --- JournalApp/MainPage.xaml | 3 ++- JournalApp/Platforms/Android/MainActivity.cs | 7 ++++++ .../Android/Resources/values/styles.xml | 11 ++++++++ JournalApp/wwwroot/app.css | 25 +++++++++---------- 4 files changed, 32 insertions(+), 14 deletions(-) create mode 100644 JournalApp/Platforms/Android/Resources/values/styles.xml diff --git a/JournalApp/MainPage.xaml b/JournalApp/MainPage.xaml index dfcf265a..a75cf062 100644 --- a/JournalApp/MainPage.xaml +++ b/JournalApp/MainPage.xaml @@ -2,7 +2,8 @@ + x:Class="JournalApp.MainPage" + Padding="0"> diff --git a/JournalApp/Platforms/Android/MainActivity.cs b/JournalApp/Platforms/Android/MainActivity.cs index c53ff5b9..72bfc9d1 100644 --- a/JournalApp/Platforms/Android/MainActivity.cs +++ b/JournalApp/Platforms/Android/MainActivity.cs @@ -3,6 +3,7 @@ using Android.Content.PM; using Android.OS; using AndroidX.Activity; +using AndroidX.Core.View; using JournalApp.Platforms.Android; namespace JournalApp; @@ -14,6 +15,12 @@ protected override void OnCreate(Bundle savedInstanceState) { base.OnCreate(savedInstanceState); + // Enable edge-to-edge display + if (Window != null) + { + WindowCompat.SetDecorFitsSystemWindows(Window, false); + } + var backCallback = new OnBackPressedCallbackProxy(() => { var service = IPlatformApplication.Current.Services.GetService(); diff --git a/JournalApp/Platforms/Android/Resources/values/styles.xml b/JournalApp/Platforms/Android/Resources/values/styles.xml new file mode 100644 index 00000000..b899e486 --- /dev/null +++ b/JournalApp/Platforms/Android/Resources/values/styles.xml @@ -0,0 +1,11 @@ + + + + diff --git a/JournalApp/wwwroot/app.css b/JournalApp/wwwroot/app.css index 6bccc0b9..0bd27e2f 100644 --- a/JournalApp/wwwroot/app.css +++ b/JournalApp/wwwroot/app.css @@ -208,22 +208,21 @@ body { } .status-bar-safe-area { - display: none; + display: flex; + position: sticky; + top: 0; + height: env(safe-area-inset-top); + width: 100%; + z-index: 1; } -@supports (-webkit-touch-callout: none) { - .status-bar-safe-area { - display: flex; - position: sticky; - top: 0; - height: env(safe-area-inset-top); - width: 100%; - z-index: 1; - } +.page-body { + padding-bottom: calc(15vh + env(safe-area-inset-bottom)) !important; +} - .flex-column, .navbar-brand { - padding-left: env(safe-area-inset-left); - } +.flex-column, .navbar-brand { + padding-left: env(safe-area-inset-left); + padding-right: env(safe-area-inset-right); } @media (prefers-color-scheme: dark) { From 3fc6413d16c59e5715cc503c851b98e8ebe01d76 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 14 Nov 2025 01:32:55 +0000 Subject: [PATCH 3/4] Fix duplicate CSS rule for page-body safe area Co-authored-by: danielchalmers <7112040+danielchalmers@users.noreply.github.com> --- JournalApp/wwwroot/app.css | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/JournalApp/wwwroot/app.css b/JournalApp/wwwroot/app.css index 0bd27e2f..046eb925 100644 --- a/JournalApp/wwwroot/app.css +++ b/JournalApp/wwwroot/app.css @@ -80,7 +80,7 @@ body { max-width: 960px; margin: 0 auto !important; padding: 8px !important; - padding-bottom: 15vh !important; + padding-bottom: calc(15vh + env(safe-area-inset-bottom)) !important; animation: fadeInUp 0.15s ease-out; } @@ -216,10 +216,6 @@ body { z-index: 1; } -.page-body { - padding-bottom: calc(15vh + env(safe-area-inset-bottom)) !important; -} - .flex-column, .navbar-brand { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); From ea3fa67c2d9f390556f3fad20c2544db693f1375 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 14 Nov 2025 02:02:24 +0000 Subject: [PATCH 4/4] Fix page-header to respect safe area inset at top Co-authored-by: danielchalmers <7112040+danielchalmers@users.noreply.github.com> --- JournalApp/wwwroot/app.css | 23 +---------------------- JournalApp/wwwroot/index.html | 2 -- 2 files changed, 1 insertion(+), 24 deletions(-) diff --git a/JournalApp/wwwroot/app.css b/JournalApp/wwwroot/app.css index 046eb925..59c386bd 100644 --- a/JournalApp/wwwroot/app.css +++ b/JournalApp/wwwroot/app.css @@ -69,7 +69,7 @@ body { flex-direction: column; padding: 0 !important; margin: 0 !important; - top: 0 !important; + top: env(safe-area-inset-top) !important; position: sticky !important; background-color: var(--mud-palette-surface); color: var(--mud-palette-primary-text); @@ -207,28 +207,7 @@ body { z-index: 1000; } -.status-bar-safe-area { - display: flex; - position: sticky; - top: 0; - height: env(safe-area-inset-top); - width: 100%; - z-index: 1; -} - .flex-column, .navbar-brand { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); } - -@media (prefers-color-scheme: dark) { - .status-bar-safe-area { - background-color: #120D10; - } -} - -@media (prefers-color-scheme: light) { - .status-bar-safe-area { - background-color: #FFF8F9; - } -} diff --git a/JournalApp/wwwroot/index.html b/JournalApp/wwwroot/index.html index faeb006a..40d0da5b 100644 --- a/JournalApp/wwwroot/index.html +++ b/JournalApp/wwwroot/index.html @@ -15,8 +15,6 @@ -
-

Getting things ready...