mirror of
https://github.com/nextcloud/server.git
synced 2026-06-14 19:20:35 -04:00
Remove unneeded links and add focus-visible state on a link
Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
This commit is contained in:
parent
a9c627cd91
commit
58d34f0f60
3 changed files with 11 additions and 27 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
4
dist/core-main.js
vendored
4
dist/core-main.js
vendored
File diff suppressed because one or more lines are too long
2
dist/core-main.js.map
vendored
2
dist/core-main.js.map
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue