fix: make sessions modal scrollable

standardnotes · Jun 8, 2021 · 0e59a6c · 0e59a6c
1 parent c38b1f0
commit 0e59a6c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/app/assets/javascripts/components/SessionsModal.tsx b/app/assets/javascripts/components/SessionsModal.tsx
@@ -126,7 +126,7 @@ const SessionsModal: FunctionComponent<{
 
   return (
     <>
-      <Dialog onDismiss={close} className="sessions-modal">
+      <Dialog onDismiss={close} className="sessions-modal h-screen py-8">
         <div className="sk-modal-content">
           <div class="sn-component">
             <div class="sk-panel">
@@ -145,7 +145,7 @@ const SessionsModal: FunctionComponent<{
                   </button>
                 </div>
               </div>
-              <div class="sk-panel-content">
+              <div class="sk-panel-content overflow-y-scroll">
                 {refreshing ? (
                   <>
                     <div class="sk-spinner small info"></div>

diff --git a/app/assets/stylesheets/_sn.scss b/app/assets/stylesheets/_sn.scss
@@ -109,6 +109,11 @@
   padding-bottom: 0.375rem;
 }
 
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
 .outline-none {
   outline: none;
 }
@@ -254,6 +259,10 @@
   height: 4.5rem;
 }
 
+.h-screen {
+  height: 100vh;
+}
+
 .max-h-120 {
   max-height: 30rem;
 }