From efdcfedfbeabcb71ad1756e993eba6a4c6ac720a Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Mon, 19 Dec 2022 22:20:15 +0200 Subject: [PATCH 1/4] add icon to allow expand collapsed (status-related) notifications --- src/components/notification/notification.js | 15 ++++++++++----- src/components/notification/notification.vue | 16 +++++++++++++--- src/components/notifications/notifications.scss | 10 ++++++++++ 3 files changed, 33 insertions(+), 8 deletions(-) diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js index ddba560e..3e834bd5 100644 --- a/src/components/notification/notification.js +++ b/src/components/notification/notification.js @@ -20,7 +20,9 @@ import { faUserPlus, faEyeSlash, faUser, - faSuitcaseRolling + faSuitcaseRolling, + faExpandAlt, + faCompressAlt } from '@fortawesome/free-solid-svg-icons' library.add( @@ -31,13 +33,15 @@ library.add( faUserPlus, faUser, faEyeSlash, - faSuitcaseRolling + faSuitcaseRolling, + faExpandAlt, + faCompressAlt ) const Notification = { data () { return { - userExpanded: false, + statusExpanded: false, betterShadow: this.$store.state.interface.browserSupport.cssFilter, unmuted: false } @@ -55,8 +59,9 @@ const Notification = { UserLink }, methods: { - toggleUserExpanded () { - this.userExpanded = !this.userExpanded + toggleStatusExpanded () { + console.log('as') + this.statusExpanded = !this.statusExpanded }, generateUserProfileLink (user) { return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames) diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue index 84f3f7de..2079cc75 100644 --- a/src/components/notification/notification.vue +++ b/src/components/notification/notification.vue @@ -144,13 +144,23 @@ +
diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss index f71f9b76..9b241565 100644 --- a/src/components/notifications/notifications.scss +++ b/src/components/notifications/notifications.scss @@ -112,6 +112,16 @@ min-width: 3em; text-align: right; } + + .timeago-link { + margin-right: 0.2em; + } + + .expand-icon { + .svg-inline--fa { + margin-left: 0.25em; + } + } } .emoji-reaction-emoji { From 5bde89297c11a0d35b1dfd314abaace8c238b4b5 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Wed, 21 Dec 2022 22:58:41 +0200 Subject: [PATCH 2/4] a11y --- src/components/notification/notification.vue | 2 ++ src/i18n/en.json | 4 +++- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue index 2079cc75..fcd48ed5 100644 --- a/src/components/notification/notification.vue +++ b/src/components/notification/notification.vue @@ -154,6 +154,7 @@