目立たない編集リンクのレイアウト適用

fjordllc · Feb 16, 2022 · f4dfc57 · f4dfc57
1 parent 80f4252
commit f4dfc57
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/app/assets/stylesheets/blocks/card/_card-main-actions.sass b/app/assets/stylesheets/blocks/card/_card-main-actions.sass
@@ -32,7 +32,8 @@
     +media-breakpoint-down(sm)
       margin-bottom: 0
 
-.card-main-actions__delete
+.card-main-actions__delete,
+.card-main-actions__muted-action
   +hover-link-reversal
   +text-block(.875rem 1.4, $muted-text)
   &:hover

diff --git a/app/views/announcements/_announcement.html.slim b/app/views/announcements/_announcement.html.slim
@@ -44,13 +44,10 @@
       .card-footer
         .card-main-actions
           ul.card-main-actions__items
-            // 要デザイン（ここから）
             - if announcement.published_at
-              li.card-main-actions__item
-                = link_to edit_announcement_path(announcement), class: 'card-main-actions__delete' do
-                  i.fas.fa-pen#new
+              li.card-main-actions__item.is-sub
+                = link_to edit_announcement_path(announcement), class: 'card-main-actions__muted-action' do
                   | 内容修正
-            // 要デザイン（ここまで）
             - else
               li.card-main-actions__item
                 = link_to edit_announcement_path(announcement), class: 'card-main-actions__action a-button is-md is-secondary is-block', id: 'js-shortcut-edit' do