Merge branch 'sensitive-overlay' into 'develop'

Improvements for sensitive content overlay for too long posts

See merge request soapbox-pub/soapbox!2178

app/soapbox/components/status-content.tsx

@@ -103,7 +103,7 @@ const StatusContent: React.FC<IStatusContent> = ({ status, onClick, collapsable
   const maybeSetCollapsed = (): void => {
     if (!node.current) return;
 
-    if (collapsable && onClick && !collapsed && status.spoiler_text.length === 0) {
+    if (collapsable && onClick && !collapsed) {
       if (node.current.clientHeight > MAX_HEIGHT) {
         setCollapsed(true);
       }

app/soapbox/components/statuses/sensitive-content-overlay.tsx

@@ -92,7 +92,7 @@ const SensitiveContentOverlay = React.forwardRef<HTMLDivElement, ISensitiveConte
   return (
     <div
       className={classNames('absolute z-40', {
-        'cursor-default backdrop-blur-lg rounded-lg w-full h-full border-0 flex justify-center items-center': !visible,
+        'cursor-default backdrop-blur-lg rounded-lg w-full h-full border-0 flex justify-center': !visible,
         'bg-gray-800/75 inset-0': !visible,
         'bottom-1 right-1': visible,
       })}
@@ -107,6 +107,7 @@ const SensitiveContentOverlay = React.forwardRef<HTMLDivElement, ISensitiveConte
           size='sm'
         />
       ) : (
+        <div className='flex justify-center items-center max-h-screen'>
           <div className='text-center w-3/4 mx-auto space-y-4' ref={ref}>
             <div className='space-y-1'>
               <Text theme='white' weight='semibold'>
@@ -166,6 +167,7 @@ const SensitiveContentOverlay = React.forwardRef<HTMLDivElement, ISensitiveConte
               ) : null}
             </HStack>
           </div>
+        </div>
       )}
     </div>
   );