From d7ae387713938956daa2f9c9c34e0cd6e6ef11dc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julius=20H=C3=A4rtl?= Date: Mon, 13 Nov 2023 19:40:45 +0100 Subject: [PATCH 1/2] fix: Change scroll container for sharing details MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit In order to meet accessibility requirements we cannot use a sticky footer that overlaps important interactable content. Therefore this moves to a scroll container for the details which does not include the action buttons at the bottom. Larger indentation change in SharingDetailsTab was required to have a wrapping container for the scroll area. Signed-off-by: Julius Härtl --- .../src/views/SharingDetailsTab.vue | 339 +++++++++--------- apps/files_sharing/src/views/SharingTab.vue | 17 +- 2 files changed, 183 insertions(+), 173 deletions(-) diff --git a/apps/files_sharing/src/views/SharingDetailsTab.vue b/apps/files_sharing/src/views/SharingDetailsTab.vue index c00da02ccb7a4..2492b70013983 100644 --- a/apps/files_sharing/src/views/SharingDetailsTab.vue +++ b/apps/files_sharing/src/views/SharingDetailsTab.vue @@ -15,181 +15,181 @@

{{ title }}

-
-
- - {{ t('files_sharing', 'View only') }} - - - - - - - - - - {{ t('files_sharing', 'File drop') }} - {{ t('files_sharing', 'Upload only') }} - - - - {{ t('files_sharing', 'Custom permissions') }} - {{ customPermissionsList }} +
+
+
+ + {{ t('files_sharing', 'View only') }} + + + + + + + + + {{ t('files_sharing', 'File drop') }} + {{ t('files_sharing', 'Upload only') }} + + + + {{ t('files_sharing', 'Custom permissions') }} + {{ customPermissionsList }} + + +
+
+
+ + {{ t('files_sharing', 'Advanced settings') }} - +
-
-
- - {{ t('files_sharing', 'Advanced settings') }} - - -
-
-
- - - - {{ isExpiryDateEnforced - ? t('files_sharing', 'Expiration date (enforced)') - : t('files_sharing', 'Set expiration date') }} - - - - {{ t('files_sharing', 'Hide download') }} - - - {{ t('files_sharing', 'Video verification') }} - - - {{ t('files_sharing', 'Allow download') }} - - - {{ t('files_sharing', 'Note to recipient') }} - -