diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2023-11-24 01:49:55 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-11-24 01:49:55 +0100 |
| commit | 4e8484608a63048718eb02470448b92266f1d031 (patch) | |
| tree | d1d3b59541c5c00ca7059bafd393a036e26f45a7 /core | |
| parent | 9dd83826df6fce4fba0df63b7355d8b9ed6bfa3b (diff) | |
| parent | 58d34f0f60bb2641218f6dec51c6a71ba891ac54 (diff) | |
| download | nextcloud-server-4e8484608a63048718eb02470448b92266f1d031.tar.gz nextcloud-server-4e8484608a63048718eb02470448b92266f1d031.zip | |
Merge pull request #41683 from nextcloud/fix/41677-ab_navigation_stops_on_2_elements_inside
Remove unneeded links and add `focus-visible` state on a link
Diffstat (limited to 'core')
| -rw-r--r-- | core/src/components/ContactsMenu/Contact.vue | 32 |
1 files changed, 8 insertions, 24 deletions
diff --git a/core/src/components/ContactsMenu/Contact.vue b/core/src/components/ContactsMenu/Contact.vue index 547838d7deb..72fe33cee22 100644 --- a/core/src/components/ContactsMenu/Contact.vue +++ b/core/src/components/ContactsMenu/Contact.vue @@ -21,35 +21,13 @@ <template> <li class="contact"> - <a v-if="contact.profileUrl && contact.avatar" - :href="contact.profileUrl" - class="contact__avatar-wrapper"> - <NcAvatar class="contact__avatar" - :size="44" - :user="contact.isUser ? contact.uid : undefined" - :is-no-user="!contact.isUser" - :display-name="contact.avatarLabel" - :url="contact.avatar" - :preloaded-user-status="preloadedUserStatus" /> - </a> - <a v-else-if="contact.profileUrl" - :href="contact.profileUrl"> - <NcAvatar class="contact__avatar" - :size="44" - :user="contact.isUser ? contact.uid : undefined" - :is-no-user="!contact.isUser" - :display-name="contact.avatarLabel" - :preloaded-user-status="preloadedUserStatus" /> - </a> - <NcAvatar v-else + <NcAvatar class="contact__avatar" :size="44" - class="contact__avatar" :user="contact.isUser ? contact.uid : undefined" :is-no-user="!contact.isUser" + :disable-menu="true" :display-name="contact.avatarLabel" - :url="contact.avatar" :preloaded-user-status="preloadedUserStatus" /> - <a class="contact__body" :href="contact.profileUrl || contact.topAction?.hyperlink"> <div class="contact__body__full-name">{{ contact.fullName }}</div> @@ -147,6 +125,7 @@ export default { &__body { flex-grow: 1; padding-left: 10px; + margin-left: 10px; min-width: 0; div { @@ -166,6 +145,11 @@ export default { &__last-message, &__status-message, &__email-address { color: var(--color-text-maxcontrast); } + + &:focus-visible { + box-shadow: 0 0 0 4px var(--color-main-background) !important; + outline: 2px solid var(--color-main-text) !important; + } } .other-actions { |