Merge branch 'develop' into fix/lock-app-on-background

app/assets/javascripts/components/ConfirmSignoutModal.tsx

@@ -23,9 +23,7 @@ const ConfirmSignoutContainer = observer((props: Props) => {
 });
 
 const ConfirmSignoutModal = observer(({ application, appState }: Props) => {
-  const [deleteLocalBackups, setDeleteLocalBackups] = useState(
-    application.hasAccount()
-  );
+  const [deleteLocalBackups, setDeleteLocalBackups] = useState(false);
 
   const cancelRef = useRef<HTMLButtonElement>();
   function close() {

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>

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;
 }

app/assets/stylesheets/_tags.scss

@@ -72,6 +72,8 @@
       }
 
       > .title {
+        @extend .focus\:outline-none;
+        @extend .focus\:shadow-none;
         width: 80%;
         background-color: transparent;
         font-weight: 600;