Merge pull request #7338 from fjordllc/image-in-long-text

紹介記事でユーザーアイコン絵文字がズレていたのを修整

app/javascript/stylesheets/atoms/_a-user-icon.sass

@@ -12,23 +12,3 @@
       +size(1.5rem)
     +media-breakpoint-down(sm)
       +size(1.125rem)
-
-.a-long-text
-  .a-user-emoji-link
-    +size(2em)
-    display: inline-block
-    &:not(:first-child)
-      margin-left: .5em
-  .header-anchor + .a-user-emoji-link
-    margin-left: 0
-  .a-user-emoji
-    +size(1.8em)
-    object-fit: cover
-    background-color: var(--base)
-    border-radius: 2px
-    display: inline-block !important
-    border: none !important
-    margin-left: 0 !important
-    margin-right: 0 !important
-  .articles & .a-user-emoji-link
-    pointer-events: none

app/javascript/stylesheets/config/mixins/_long-text-style.sass

@@ -311,11 +311,6 @@
 
   +speak
 
-  *:first-child
-    margin-top: 0
-  *:last-child
-    margin-bottom: 0
-
   // header-anchor
   h1,
   h2,
@@ -346,3 +341,29 @@
     &:link,
     &:visited
       color: var(--main)
+
+  .a-user-emoji-link
+    +size(2em)
+    display: inline-block
+    &:not(:first-child)
+      margin-left: .5em
+  .header-anchor + .a-user-emoji-link
+    margin-left: 0
+  .a-user-emoji
+    +size(1.8em)
+    object-fit: cover
+    background-color: var(--base)
+    border-radius: 2px
+    display: inline-block !important
+    border: none !important
+    margin-left: 0 !important
+    margin-right: 0 !important
+    vertical-align: middle
+  body.articles & .a-user-emoji-link,
+  body.buzz & .a-user-emoji-link
+    pointer-events: none
+
+  *:first-child
+    margin-top: 0
+  *:last-child
+    margin-bottom: 0