notes list scroll css fix

2017-01-31 10:59:50 -06:00
parent b74d709f4d
commit 69b636f2b4
4 changed files with 28 additions and 11 deletions
--- a/app/assets/stylesheets/app/_notes.scss
+++ b/app/assets/stylesheets/app/_notes.scss
@@ -2,6 +2,8 @@
  width: 25%;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
+  // overflow-y: hidden !important;
+  // height: calc(100vh - 130px) !important;

  .notes-title-bar {
    color: rgba(black, 0.40);
@@ -39,6 +41,15 @@
    }
  }

+  .scrollable {
+    height: calc(100vh - (130px + #{$header-height}));
+  }
+
+  .infinite-scroll {
+    overflow-x: hidden;
+    height: inherit;
+  }
+
  .note {
    width: 100%;
    padding: 15px;