Page MenuHomePhorge
Files F85803393

No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

View Options

diff --git a/src/App.scss b/src/App.scss
index d0a4062a6f..0a6fa90bcd 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -151,6 +151,14 @@ a {
}
}
+
+.button-unstyled {
+ &:focus-visible {
+ border-radius: var(--roundness);
+ outline: 2px solid var(--text);
+ }
+}
+
.underline-links a {
text-decoration: underline;
}
diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
index db6ce06b62..8082eee172 100644
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@@ -156,6 +156,7 @@
v-if="attachment.type === 'image' && (!hidden || preloadImage)"
class="image-container"
:class="{'-hidden': hidden && preloadImage }"
+ :tabindex="hidden ? -1 : 0"
:href="attachment.url"
target="_blank"
@click.stop.prevent="openModal"
diff --git a/src/components/desktop_nav/desktop_nav.scss b/src/components/desktop_nav/desktop_nav.scss
index d0dec61ba7..9755ac5905 100644
--- a/src/components/desktop_nav/desktop_nav.scss
+++ b/src/components/desktop_nav/desktop_nav.scss
@@ -45,13 +45,6 @@
);
}
- .button-unstyled {
- &:focus-visible {
- border-radius: var(--roundness);
- outline: 2px solid var(--text);
- }
- }
-
.button-default {
&,
svg {
diff --git a/src/components/navigation/navigation_entry.vue b/src/components/navigation/navigation_entry.vue
index 59dfaa6a8f..120356bb3d 100644
--- a/src/components/navigation/navigation_entry.vue
+++ b/src/components/navigation/navigation_entry.vue
@@ -99,6 +99,10 @@
.main-link {
line-height: var(--__line-height);
box-sizing: border-box;
+
+ &:focus-visible {
+ outline: none;
+ }
}
.menu-icon {
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index afaf15db12..b5f9c31a04 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -44,21 +44,17 @@
:style="[ userStyle ]"
>
<div class="activity-avatar">
- <a
- :href="$router.resolve(userProfileLink).href"
- @click.prevent
+ <UserPopover
+ :user-id="notification.from_profile.id"
+ overlay-centers
+ link
>
- <UserPopover
+ <UserAvatar
+ class="post-avatar"
+ :compact="true"
:user-id="notification.from_profile.id"
- :overlay-centers="true"
- >
- <UserAvatar
- class="post-avatar"
- :compact="true"
- :user-id="notification.from_profile.id"
- />
- </UserPopover>
- </a>
+ />
+ </UserPopover>
</div>
<ActivityHeader
class="activity-header"

File Metadata

Mime Type
text/x-diff
Expires
Fri, Oct 9, 6:17 AM (1 d, 8 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
1784481
Default Alt Text
(2 KB)

Event Timeline