Merge pull request #817 from IQSS/800-cannot-access-file-options-menu-on-mobile-menu-cut-off

Fix: Files Table should always show action buttons

Author: ofahimIQSS

src/sections/dataset/dataset-files/DatasetFilesScrollable.module.scss

@@ -1,7 +1,7 @@
 .files-scrollable-container {
   min-height: 400px;
   max-height: 650px;
-  overflow-x: hidden;
+  overflow-x: auto;
   overflow-y: auto;
 
   &--empty {
@@ -11,6 +11,8 @@
   .criteria-form-container {
     position: sticky;
     top: 0;
+    right: 0;
+    left: 0;
     z-index: 2;
     padding: 0.25rem 0.5rem 1rem 0.25rem;
     background: var(--bs-white);

src/sections/dataset/dataset-files/DatasetFilesScrollable.tsx

@@ -13,8 +13,8 @@ import { useObserveElementSize } from '../../../shared/hooks/useObserveElementSi
 import { FilesTableScrollable } from './files-table/FilesTableScrollable'
 import { FileCriteriaForm } from './file-criteria-form/FileCriteriaForm'
 import { FilesContext } from '@/sections/file/FilesContext'
-import styles from './DatasetFilesScrollable.module.scss'
 import { DatasetRepository } from '@/dataset/domain/repositories/DatasetRepository'
+import styles from './DatasetFilesScrollable.module.scss'
 
 interface DatasetFilesScrollableProps {
   filesRepository: FileRepository