diff --git a/changelog/unreleased/bugfix-horizontal-table-scroll b/changelog/unreleased/bugfix-horizontal-table-scroll new file mode 100644 index 00000000000..6dd47bef5d0 --- /dev/null +++ b/changelog/unreleased/bugfix-horizontal-table-scroll @@ -0,0 +1,6 @@ +Bugfix: Prevent horizontal table scroll + +We've prevented resource tables from being horizontally scrollable for a11y reasons. Instead, information that is available elsewhere will get hidden on smaller displays. + +https://github.com/owncloud/web/pull/11313 +https://github.com/owncloud/web/issues/10728 diff --git a/packages/design-system/src/components/OcDrop/OcDrop.vue b/packages/design-system/src/components/OcDrop/OcDrop.vue index dc6193ae070..c0f84b210d1 100644 --- a/packages/design-system/src/components/OcDrop/OcDrop.vue +++ b/packages/design-system/src/components/OcDrop/OcDrop.vue @@ -291,6 +291,7 @@ export default defineComponent({ } .oc-drop { + max-width: 100%; width: 300px; li a:focus { diff --git a/packages/web-app-admin-settings/src/components/AppTemplate.vue b/packages/web-app-admin-settings/src/components/AppTemplate.vue index e1f9228ec38..ada01a6b597 100644 --- a/packages/web-app-admin-settings/src/components/AppTemplate.vue +++ b/packages/web-app-admin-settings/src/components/AppTemplate.vue @@ -28,7 +28,11 @@ v-if="showAppBar" class="admin-settings-app-bar-actions oc-flex oc-flex-middle oc-mt-xs" > - + @@ -431,7 +431,9 @@ export default defineComponent({ .oc-table-header-cell-role, .oc-table-data-cell-role, .oc-table-header-cell-accountEnabled, - .oc-table-data-cell-accountEnabled { + .oc-table-data-cell-accountEnabled, + .oc-table-header-cell-mail, + .oc-table-data-cell-mail { display: none; @media only screen and (min-width: 1200px) { @@ -452,7 +454,9 @@ export default defineComponent({ .oc-table-header-cell-role, .oc-table-data-cell-role, .oc-table-header-cell-accountEnabled, - .oc-table-data-cell-accountEnabled { + .oc-table-data-cell-accountEnabled, + .oc-table-header-cell-mail, + .oc-table-data-cell-mail { display: none; @media only screen and (min-width: 1600px) { diff --git a/packages/web-app-admin-settings/src/views/Groups.vue b/packages/web-app-admin-settings/src/views/Groups.vue index 10f28817753..ad33a521bab 100644 --- a/packages/web-app-admin-settings/src/views/Groups.vue +++ b/packages/web-app-admin-settings/src/views/Groups.vue @@ -13,17 +13,18 @@ :batch-action-items="selectedGroups" :show-view-options="true" > -