diff --git a/changelog.d/visual.change b/changelog.d/visual.change index c2e743cd4..e0cd42f65 100644 --- a/changelog.d/visual.change +++ b/changelog.d/visual.change @@ -2,3 +2,4 @@ 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 9c94d4090..934d3e58d 100644 --- a/src/components/notification/notification.scss +++ b/src/components/notification/notification.scss @@ -1,9 +1,4 @@ // TODO Copypaste from Status, should unify it somehow -.NotificationParent { - &.-expandable { - cursor: pointer; - } -} .Notification { border-bottom: 1px solid; @@ -11,6 +6,9 @@ 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 51b5d4620..6a8352b65 100644 --- a/src/components/notification/notification.vue +++ b/src/components/notification/notification.vue @@ -13,7 +13,6 @@ class="NotificationParent" :class="{ '-expandable': expandable }" :aria-controls="'notif-' +notification.id" - @click="toggleStatusExpanded()" v-else >
diff --git a/src/components/status_action_buttons/action_button.scss b/src/components/status_action_buttons/action_button.scss index 8c6924871..df445391a 100644 --- a/src/components/status_action_buttons/action_button.scss +++ b/src/components/status_action_buttons/action_button.scss @@ -26,8 +26,8 @@ align-self: stretch; width: 1px; background-color: var(--icon); - margin-left: 1em; - margin-right: 0.5em; + margin-left: 0.75em; + margin-right: 0.125em; } &.-pin { diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss index 3ff6b5666..60ed97c9a 100644 --- a/src/components/user_card/user_card.scss +++ b/src/components/user_card/user_card.scss @@ -205,9 +205,6 @@ line-height: 2em; padding: 0.6em; margin: -0.6em; - filter: drop-shadow(0 0 5em var(--profileTint)) - drop-shadow(0 0 0.5em var(--profileTint)) - drop-shadow(0 0 0.2em var(--profileTint)); &.edit-banner-button { width: auto; @@ -273,10 +270,9 @@ // big one z-index: 1; line-height: 2em; - text-shadow: - 0 0 1em var(--profileTint), - 0 0 0.5em var(--profileTint), - 0 0 0.2em var(--profileTint); + filter: drop-shadow(0 0 5em var(--profileTint)) + drop-shadow(0 0 0.5em var(--profileTint)) + drop-shadow(0 0 0.2em var(--profileTint)); .alert { text-shadow: none; @@ -343,6 +339,7 @@ font-size: 0.9em; font-size: calc(max(90%, 2.5cqw)); line-height: 1.5; + margin-top: 0.5em; } .lock-icon {