日報一覧のニコニコアイコンのデザイン調整

fjordllc · Aug 3, 2022 · 30f35e7 · 30f35e7
1 parent 0c88541
commit 30f35e7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/app/assets/stylesheets/application/blocks/card-list/_card-list-item-title.sass b/app/assets/stylesheets/application/blocks/card-list/_card-list-item-title.sass
@@ -35,6 +35,11 @@
     font-size: .8125rem
     font-weight: 400
 
+.card-list-item-title__emotion-image
+  +size(1.125em)
+  margin-right: .375rem
+  transform: translate(0, -.0625em)
+
 .card-list-item-title__link
   word-wrap: break-word
   +line-clamp(2)

diff --git a/app/javascript/report.vue b/app/javascript/report.vue
@@ -16,14 +16,15 @@
             .a-list-item-badge.is-wip(v-if='report.wip')
               span
                 | WIP
-            img.niconico-calendar__emotion-image(
-              :src='`/images/emotion/${report.emotion}.svg`',
-              :alt='report.emotion'
-            )
             h2.card-list-item-title__title
               a.card-list-item-title__link.a-text-link.js-unconfirmed-link(
                 :href='report.url'
-              ) {{ report.title }}
+              )
+                img.card-list-item-title__emotion-image(
+                  :src='`/images/emotion/${report.emotion}.svg`',
+                  :alt='report.emotion'
+                )
+                | {{ report.title }}
             .card-list-item-title__end(v-if='currentUserId == report.user.id')
               label.card-list-item-actions__trigger(:for='report.id')
                 i.fa-solid.fa-ellipsis-h