feat: add empty notes list view

2020-08-20 12:33:12 +02:00
parent 518063829f
commit 572e2ce371
2 changed files with 10 additions and 1 deletions
--- a/app/assets/javascripts/views/notes/notes-view.pug
+++ b/app/assets/javascripts/views/notes/notes-view.pug
@@ -94,7 +94,8 @@
                  faded="self.state.hideDate"
                  label="'Date'"
                  )
-    .scrollable
+    p.empty-notes-list.faded(ng-if="!self.state.renderedNotes.length") No Notes.
+    .scrollable(ng-if="self.state.renderedNotes.length")
      #notes-scrollable.infinite-scroll(
        can-load='true',
        infinite-scroll='self.paginate()',
--- a/app/assets/stylesheets/_notes.scss
+++ b/app/assets/stylesheets/_notes.scss
@@ -13,6 +13,14 @@
  -khtml-user-select: none;
  -webkit-user-select: none;

+  .empty-notes-list {
+    flex-grow: 1;
+    margin: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
  .content {
    display: flex;
    flex-direction: column;