Fix scrollable list in modals

1 year ago · b96828ad23
parent ade9fa007d
commit b96828ad23
2 changed files with 4 additions and 0 deletions
--- a/app/soapbox/features/ui/components/modals/favourites-modal.tsx
+++ b/app/soapbox/features/ui/components/modals/favourites-modal.tsx
@ -42,6 +42,8 @@ const FavouritesModal: React.FC<IFavouritesModal> = ({ onClose, statusId }) => {
        emptyMessage={emptyMessage}
        className='max-w-full'
        itemClassName='pb-3'
+        style={{ height: '80vh' }}
+        useWindowScroll={false}
      >
        {accountIds.map(id =>
          <AccountContainer key={id} id={id} />,
--- a/app/soapbox/features/ui/components/modals/reblogs-modal.tsx
+++ b/app/soapbox/features/ui/components/modals/reblogs-modal.tsx
@ -43,6 +43,8 @@ const ReblogsModal: React.FC<IReblogsModal> = ({ onClose, statusId }) => {
        emptyMessage={emptyMessage}
        className='max-w-full'
        itemClassName='pb-3'
+        style={{ height: '80vh' }}
+        useWindowScroll={false}
      >
        {accountIds.map((id) =>
          <AccountContainer key={id} id={id} />,