aboutsummaryrefslogtreecommitdiff
path: root/src/components/notifications/notifications.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/notifications/notifications.vue')
-rw-r--r--src/components/notifications/notifications.vue22
1 files changed, 21 insertions, 1 deletions
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue
index e778e27b..3f4b1b42 100644
--- a/src/components/notifications/notifications.vue
+++ b/src/components/notifications/notifications.vue
@@ -4,6 +4,7 @@
:to="teleportTarget"
>
<div
+ ref="root"
:class="{ minimal: minimalMode }"
class="Notifications"
>
@@ -19,14 +20,33 @@
class="badge badge-notification unseen-count"
>{{ unseenCount }}</span>
</div>
+ <div
+ class="rightside-button"
+ v-if="showScrollTop"
+ >
+ <button
+ class="button-unstyled scroll-to-top-button"
+ type="button"
+ @click="scrollToTop"
+ >
+ <FALayers class="fa-scale-110 fa-old-padding-layer">
+ <FAIcon icon="arrow-up" />
+ <FAIcon
+ icon="minus"
+ transform="up-7"
+ />
+ </FALayers>
+ </button>
+ </div>
<button
v-if="unseenCount"
class="button-default read-button"
+ type="button"
@click.prevent="markAsSeen"
>
{{ $t('notifications.read') }}
</button>
- <NotificationFilters />
+ <NotificationFilters class="rightside-button" />
</div>
<div class="panel-body">
<div