Fix boost animation dimensions on small screens

ronilaukkarinen · Nov 3, 2023 · fd79e48 · fd79e48
1 parent 6acfd9d
commit fd79e48
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/layout-multiple-columns.css b/layout-multiple-columns.css
@@ -3884,7 +3884,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     pointer-events: none;
     position: absolute;
     top: -37.4px;
-    transform: scale(0.85);
+    transform: scale(0.82) translateX(1px);
     width: 200px;
   }
 
@@ -3913,7 +3913,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
   /* stylelint-disable-next-line */
   .layout-multiple-columns.no-reduce-motion .icon-button.active:focus .icon-retweet {
     /* stylelint-disable-next-line */
-    left: -89px !important;
+    transform: scale(.82) translateY(1px) translateX(-2px) !important;
   }
 }
 

diff --git a/layout-single-column.css b/layout-single-column.css
@@ -3993,7 +3993,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     pointer-events: none;
     position: absolute;
     top: -38.4px;
-    transform: scale(0.85);
+    transform: scale(0.82) translateX(1px);
     width: 200px;
   }
 
@@ -4032,7 +4032,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
   /* stylelint-disable-next-line */
   .layout-single-column.no-reduce-motion .icon-button.active:focus .icon-retweet {
     /* stylelint-disable-next-line */
-    left: -89px !important;
+    transform: scale(.82) translateY(1px) translateX(-2px) !important;
   }
 }