From 79041cc1a6b64259174ac11edb92cbb04713e7a4 Mon Sep 17 00:00:00 2001 From: David Battersby Date: Fri, 7 Feb 2025 17:28:31 +0400 Subject: [PATCH] UX: user stream alignment fix for likes (#31234) Small alignment fix for user stream items on desktop, following changes made in #31122 We currently have a combination of `post-list-item` and `user-stream-item` classes within these pages, so I've also applied some shared styles to these elements to provide a more consistent layout. --- .../stylesheets/common/components/user-stream-item.scss | 9 ++++++--- .../stylesheets/desktop/components/user-stream-item.scss | 3 ++- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/app/assets/stylesheets/common/components/user-stream-item.scss b/app/assets/stylesheets/common/components/user-stream-item.scss index b921b69ac5b..ba32e1f3042 100644 --- a/app/assets/stylesheets/common/components/user-stream-item.scss +++ b/app/assets/stylesheets/common/components/user-stream-item.scss @@ -25,12 +25,14 @@ opacity: 0.4; } - .post-list-item__header { + .post-list-item__header, + .user-stream-item__header { display: flex; align-items: flex-start; } - .post-list-item__details { + .post-list-item__details, + .user-stream-item__details { flex-grow: 1; min-width: 0; @@ -39,7 +41,8 @@ } } - .post-list-item__metadata { + .post-list-item__metadata, + .user-stream-item__metadata { display: flex; align-items: center; justify-content: flex-start; diff --git a/app/assets/stylesheets/desktop/components/user-stream-item.scss b/app/assets/stylesheets/desktop/components/user-stream-item.scss index c4a34ab75f4..c1cb883c833 100644 --- a/app/assets/stylesheets/desktop/components/user-stream-item.scss +++ b/app/assets/stylesheets/desktop/components/user-stream-item.scss @@ -2,6 +2,7 @@ width: 3rem; } -.user-stream-item .excerpt { +.user-stream-item .excerpt, +.user-stream-item-actions { margin: 0.75em 0 0 3.5em; }