Fix search icon position on mobile (#29384)

2 years ago · 1cb74eeec0
parent bbf6cb66f6
commit 1cb74eeec0
1 changed files with 4 additions and 1 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@ -5195,7 +5195,6 @@ a.status-card {
  .icon {
    position: absolute;
    top: 12px + 2px;
-    inset-inline-start: 16px - 2px;
    display: inline-block;
    opacity: 0;
    transition: all 100ms linear;
@ -5210,6 +5209,10 @@ a.status-card {
      pointer-events: auto;
      opacity: 1;
    }
+
+    @media screen and (min-width: $no-gap-breakpoint) {
+      inset-inline-start: 16px - 2px;
+    }
  }

  .icon-search {