style: fix reactions to stickers overlapping

Apparently this `margin-bottom: -7px` is a residue from copy pasting it from `.metadata` for regular text messages. We have `marin: 0` set for image-only messages, so we should set `margin: 0` for sticker messages as well. Similar MR: #4237.
deltachat · Dec 22, 2024 · 71633d3 · 71633d3
1 parent 28f6542
commit 71633d3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -245,15 +245,18 @@
   .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;
     }
   }
 
   .metadata {
     float: right;
     padding: 4px 8px 1px 8px;
-    margin-bottom: -7px;
     background-color: #01010159;
     border-radius: 4px;
     color: black;