From 672cfb631030cac00266b8a12dc878f2fd29a272 Mon Sep 17 00:00:00 2001 From: Pascal Wengerter Date: Mon, 24 Jun 2024 11:10:42 +0200 Subject: [PATCH 1/2] Make tippy content iteractive to fix #5387 --- changelog/unreleased/enhancement-accessibility-improvements | 6 ++++++ packages/design-system/src/directives/OcTooltip.ts | 1 + 2 files changed, 7 insertions(+) create mode 100644 changelog/unreleased/enhancement-accessibility-improvements diff --git a/changelog/unreleased/enhancement-accessibility-improvements b/changelog/unreleased/enhancement-accessibility-improvements new file mode 100644 index 00000000000..9946a08a07e --- /dev/null +++ b/changelog/unreleased/enhancement-accessibility-improvements @@ -0,0 +1,6 @@ +Enhancement: Accessibility improvements + +Across the board, we have implemented improvements in regards of accessibility for the web UI. + +https://github.com/owncloud/web/issues/5387 +https://github.com/owncloud/web/pull/11087 diff --git a/packages/design-system/src/directives/OcTooltip.ts b/packages/design-system/src/directives/OcTooltip.ts index 9916ecdac6f..ad29e247269 100644 --- a/packages/design-system/src/directives/OcTooltip.ts +++ b/packages/design-system/src/directives/OcTooltip.ts @@ -61,6 +61,7 @@ const initOrUpdate = (el: HTMLElement & { tooltip: any }, { value = {} }: any) = const props = merge.all([ { ignoreAttributes: true, + interactive: true, aria: { content: null, expanded: false From 17be027718f0720b9785043147ee5b89c8419f39 Mon Sep 17 00:00:00 2001 From: Pascal Wengerter Date: Mon, 24 Jun 2024 15:11:26 +0200 Subject: [PATCH 2/2] Fix tippy UI glitch on share pages --- packages/web-pkg/src/components/FilesList/ResourceTable.vue | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/packages/web-pkg/src/components/FilesList/ResourceTable.vue b/packages/web-pkg/src/components/FilesList/ResourceTable.vue index 3ede4a4a9ef..4b394131c4c 100644 --- a/packages/web-pkg/src/components/FilesList/ResourceTable.vue +++ b/packages/web-pkg/src/components/FilesList/ResourceTable.vue @@ -1179,10 +1179,7 @@ export default defineComponent({ } &-people { - position: absolute; - right: var(--oc-space-xsmall); - top: 50%; - transform: translateY(-50%); + margin-right: -5px; } &-actions {