Merge branch 'dvh' into 'develop'

d-screen: fall back to h-screen

See merge request soapbox-pub/soapbox-fe!1447

app/soapbox/components/loading-screen.tsx

@@ -10,10 +10,11 @@ const LoadingScreen: React.FC = () => {
       <LandingGradient />
 
       <div className='fixed d-screen w-screen flex items-center justify-center z-10'>
-        {/* Bump up spinner vertically to counteract optical illusion. */}
+        <div className='p-4'>
           <Spinner size={40} withText={false} />
         </div>
       </div>
+    </div>
   );
 };
 

app/styles/application.scss

@@ -104,6 +104,8 @@
   }
 
   .d-screen {
+    height: 100vh; // Backwards compatibility
+    /* stylelint-disable-next-line unit-no-unknown */
     height: 100dvh;
   }
 }