diff --git a/CHANGELOG.md b/CHANGELOG.md index 11f2709f8..7a4104002 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -8,6 +8,8 @@ - dev: upgrade react to v18 and react pinch pan zoom to v3 ## 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-attachment.scss b/packages/frontend/scss/message/_message-attachment.scss index caf780a1d..a665f40e5 100644 --- a/packages/frontend/scss/message/_message-attachment.scss +++ b/packages/frontend/scss/message/_message-attachment.scss @@ -83,15 +83,6 @@ } } -.message.type-sticker { - .message-attachment-media { - & > .attachment-content { - max-height: 200px; - max-width: 80%; - } - } -} - .message-attachment-broken-media { @include button-reset; display: block; diff --git a/packages/frontend/scss/message/_message.scss b/packages/frontend/scss/message/_message.scss index c34f5de40..2d142cfa6 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;