diff --git a/CHANGELOG.md b/CHANGELOG.md index 6e157bac87..7a41040020 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,7 @@ ## Fixed - fix stickers being smaller than they're supposed to #4432 +- fix reactions to sticker messages overlapping with next message #4433 ## [1.50.1] - 2024-12-18 diff --git a/packages/frontend/scss/message/_message.scss b/packages/frontend/scss/message/_message.scss index c34f5de401..2d142cfa63 100644 --- a/packages/frontend/scss/message/_message.scss +++ b/packages/frontend/scss/message/_message.scss @@ -245,7 +245,11 @@ .message-attachment-media { background-color: transparent; & > .attachment-content { - margin-bottom: 20px; + // Make space for the footer, which is `position: absolute;`. + // However, this does not account for the case + // where the footer text wraps. + margin-bottom: 26px; + cursor: default; } } @@ -253,7 +257,6 @@ .metadata { float: right; padding: 4px 8px 1px 8px; - margin-bottom: -7px; background-color: #01010159; border-radius: 4px; color: black;