From 2220c4491bb0c116ec621f647110ea18d8bfb678 Mon Sep 17 00:00:00 2001
From: zadam <zadam.apps@gmail.com>
Date: Tue, 15 Jun 2021 21:53:22 +0200
Subject: [PATCH] layout fixes

---
 src/public/app/services/note_list_renderer.js    | 16 ++++++++--------
 src/public/app/widgets/note_detail.js            |  1 +
 src/public/app/widgets/note_list.js              |  1 +
 .../app/widgets/type_widgets/type_widget.js      |  6 ++++++
 4 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/public/app/services/note_list_renderer.js b/src/public/app/services/note_list_renderer.js
index bc1e4ed21..91b266993 100644
--- a/src/public/app/services/note_list_renderer.js
+++ b/src/public/app/services/note_list_renderer.js
@@ -4,33 +4,33 @@ import froca from "./froca.js";
 import attributeRenderer from "./attribute_renderer.js";
 
 const TPL = `
-<div class="note-list-widget">
+<div class="note-list">
     <style>
-    .note-list-widget {
+    .note-list {
         overflow: hidden;
         position: relative;
         height: 100%;
     }
     
-    .note-list-widget.grid-view .note-list-widget-container {
+    .note-list.grid-view .note-list-container {
         display: flex;
         flex-wrap: wrap;
     }
     
-    .note-list-widget.grid-view .note-book-card {
+    .note-list.grid-view .note-book-card {
         flex-basis: 300px;
         border: 1px solid transparent;
     }
     
-    .note-list-widget.grid-view .note-expander {
+    .note-list.grid-view .note-expander {
         display: none;
     }
     
-    .note-list-widget.grid-view .note-book-card {
+    .note-list.grid-view .note-book-card {
         max-height: 300px;
     }
     
-    .note-list-widget.grid-view .note-book-card:hover {
+    .note-list.grid-view .note-book-card:hover {
         cursor: pointer;
         border: 1px solid var(--main-border-color);
         background: var(--more-accented-background-color);
@@ -198,7 +198,7 @@ class NoteListRenderer {
 
         this.$noteList.show();
 
-        const $container = this.$noteList.find('.note-list-widget-container').empty();
+        const $container = this.$noteList.find('.note-list-container').empty();
 
         const startIdx = (this.page - 1) * this.pageSize;
         const endIdx = startIdx + this.pageSize;
diff --git a/src/public/app/widgets/note_detail.js b/src/public/app/widgets/note_detail.js
index fb40c87b4..afec2a95a 100644
--- a/src/public/app/widgets/note_detail.js
+++ b/src/public/app/widgets/note_detail.js
@@ -75,6 +75,7 @@ export default class NoteDetailWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
+        this.contentSized();
 
         this.$widget.on("dragover", e => e.preventDefault());
 
diff --git a/src/public/app/widgets/note_list.js b/src/public/app/widgets/note_list.js
index df9b02e43..1584dc8e4 100644
--- a/src/public/app/widgets/note_list.js
+++ b/src/public/app/widgets/note_list.js
@@ -31,6 +31,7 @@ export default class NoteListWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
+        this.contentSized();
         this.$content = this.$widget.find('.note-list-widget-content');
 
         const observer = new IntersectionObserver(entries => {
diff --git a/src/public/app/widgets/type_widgets/type_widget.js b/src/public/app/widgets/type_widgets/type_widget.js
index d09b50299..88d838a5d 100644
--- a/src/public/app/widgets/type_widgets/type_widget.js
+++ b/src/public/app/widgets/type_widgets/type_widget.js
@@ -4,6 +4,12 @@ export default class TypeWidget extends NoteContextAwareWidget {
     // for overriding
     static getType() {}
 
+    doRender() {
+        this.contentSized();
+
+        return super.doRender();
+    }
+
     /**
      * @param {NoteShort} note
      */