diff --git a/app/javascript/flavours/glitch/styles/neuromatchstodon/bigger_collapsed_statuses.scss b/app/javascript/flavours/glitch/styles/neuromatchstodon/bigger_collapsed_statuses.scss index 6d143a66a3fda6..f79d8f98871199 100644 --- a/app/javascript/flavours/glitch/styles/neuromatchstodon/bigger_collapsed_statuses.scss +++ b/app/javascript/flavours/glitch/styles/neuromatchstodon/bigger_collapsed_statuses.scss @@ -18,6 +18,12 @@ $notification-collapsed-height: 6em; // "See more" button &__spoiler-link { background: $action-button-color; + + &:hover, + &:focus { + background: lighten($action-button-color, 7%); + text-decoration: none; + } } } @@ -28,6 +34,15 @@ $notification-collapsed-height: 6em; } } -.notification-ungrouped .status__wrapper.collapsed .status__content { +// set a smaller height for previews of longposts in notifications +// The component structure is different depending on whether +// grouped notifications is enabled or not, and whether +// something is an interaction or not - there isn't a +// class given for "notifications" so we have to improvise +.notification-ungrouped .status__wrapper.collapsed .status__content, +.notification__filter-bar + + .scrollable + .status__wrapper.collapsed + .status__content { max-height: $notification-collapsed-height; }