rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: make sessions modal scrollable

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-06-08 19:25:25 -03:00
parent c38b1f042f
commit 0e59a6c431
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/components/SessionsModal.tsx
View File

@@ -126,7 +126,7 @@ const SessionsModal: FunctionComponent<{
return ( return (
<> <>
<Dialog onDismiss={close} className="sessions-modal"> <Dialog onDismiss={close} className="sessions-modal h-screen py-8">
<div className="sk-modal-content"> <div className="sk-modal-content">
<div class="sn-component"> <div class="sn-component">
<div class="sk-panel"> <div class="sk-panel">
@@ -145,7 +145,7 @@ const SessionsModal: FunctionComponent<{
</button> </button>
</div> </div>
</div> </div>
<div class="sk-panel-content"> <div class="sk-panel-content overflow-y-scroll">
{refreshing ? ( {refreshing ? (
<> <>
<div class="sk-spinner small info"></div> <div class="sk-spinner small info"></div>

9
app/assets/stylesheets/_sn.scss
View File

@@ -109,6 +109,11 @@
padding-bottom: 0.375rem; padding-bottom: 0.375rem;
} }
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.outline-none { .outline-none {
outline: none; outline: none;
} }
@@ -254,6 +259,10 @@
height: 4.5rem; height: 4.5rem;
} }
.h-screen {
height: 100vh;
}
.max-h-120 { .max-h-120 {
max-height: 30rem; max-height: 30rem;
} }