diff --git a/changelog.d/visual.change b/changelog.d/visual.change index e0cd42f65..c2e743cd4 100644 --- a/changelog.d/visual.change +++ b/changelog.d/visual.change @@ -2,4 +2,3 @@ Combined subject and content fields in post form (visually) Fixes for some elements not scaling with user UI scale Moved post form's emoji button into input field Minor visual changes and fixes -Clicking on fav/rt/emoji notifications' contents expands/collapses it diff --git a/src/components/notification/notification.scss b/src/components/notification/notification.scss index 934d3e58d..9c94d4090 100644 --- a/src/components/notification/notification.scss +++ b/src/components/notification/notification.scss @@ -1,4 +1,9 @@ // TODO Copypaste from Status, should unify it somehow +.NotificationParent { + &.-expandable { + cursor: pointer; + } +} .Notification { border-bottom: 1px solid; @@ -6,9 +11,6 @@ overflow-wrap: break-word; text-wrap: pretty; - .status-content { - cursor: pointer; - } &.Status { /* stylelint-disable-next-line declaration-no-important */ diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue index 6a8352b65..51b5d4620 100644 --- a/src/components/notification/notification.vue +++ b/src/components/notification/notification.vue @@ -13,6 +13,7 @@ class="NotificationParent" :class="{ '-expandable': expandable }" :aria-controls="'notif-' +notification.id" + @click="toggleStatusExpanded()" v-else >