From f798b637e759ce7bc3966e91c24e1979fe235d4b Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 21 Oct 2024 19:16:58 +0300
Subject: [PATCH] client: Fix display of full-screen notes

---
 src/public/app/widgets/containers/scrolling_container.js | 2 ++
 src/public/app/widgets/note_detail.js                    | 3 ++-
 src/public/app/widgets/note_list.js                      | 1 -
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/public/app/widgets/containers/scrolling_container.js b/src/public/app/widgets/containers/scrolling_container.js
index f13994353d..d7c99495a9 100644
--- a/src/public/app/widgets/containers/scrolling_container.js
+++ b/src/public/app/widgets/containers/scrolling_container.js
@@ -8,6 +8,8 @@ export default class ScrollingContainer extends Container {
         this.css('overflow', 'auto');
         this.css('scroll-behavior', 'smooth');
         this.css('position', 'relative');
+        this.css('display', 'flex');
+        this.css('flex-direction', 'column');
     }
 
     setNoteContextEvent({noteContext}) {
diff --git a/src/public/app/widgets/note_detail.js b/src/public/app/widgets/note_detail.js
index 19544b7cb2..3a3d7a896f 100644
--- a/src/public/app/widgets/note_detail.js
+++ b/src/public/app/widgets/note_detail.js
@@ -37,10 +37,11 @@ const TPL = `
     .note-detail {
         font-family: var(--detail-font-family);
         font-size: var(--detail-font-size);
+        flex-grow: 1;
     }
     
     .note-detail.full-height {
-        height: 100%;
+        contain: size !important;
     }
     </style>
 </div>
diff --git a/src/public/app/widgets/note_list.js b/src/public/app/widgets/note_list.js
index 6f1fd8cf0b..a45ea332f4 100644
--- a/src/public/app/widgets/note_list.js
+++ b/src/public/app/widgets/note_list.js
@@ -6,7 +6,6 @@ const TPL = `
     <style>
     .note-list-widget {
         min-height: 0;
-        overflow: auto;
     }
     
     .note-list-widget .note-list {