Ransack sort_linkでclassを指定することでcssを使って、色を変更する方法
ransackでのソート実装は下記URLを参考にしました
Rubyon Rails で検索機能を作ろう(ransack)
変更前の状態
変更後の状態
上記画像での、リツイート数ソート部分
を
デフォルトの青色を黒色に変更する!
index.html.erb
<%= sort_link(@q, :tweet_created_at, "投稿日時" ,{ default_order: :desc }, { class: "Editlink" }) %>
application.scss
// リンク色消す
.Editlink {
text-decoration: none;
color: #272343;
&:link {
text-decoration: none;
color: #272343;
}
&:visited {
text-decoration: none;
color: #272343;
}
&:hover {
text-decoration: none;
color: #272343;
}
&:active {
text-decoration: none;
color: #272343;
}
}
<%= sort_link(@q, 並べるカラム名, "リンクに表示する文字" ,{ 並べ方指定}, { Htmlのオプション }) %>
この書き方のhtmlオプション部分にて、classやidを指定すれば、cssを使って好きなようにsort_linkをカスタマイズできる!