client: Fix display of full-screen notes

TriliumNext · Oct 21, 2024 · f798b63 · f798b63
1 parent 7f27ca6
commit f798b63
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git 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
@@ -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
@@ -6,7 +6,6 @@ const TPL = `
     <style>
     .note-list-widget {
         min-height: 0;
-        overflow: auto;
     }
     
     .note-list-widget .note-list {