Ransack sort_link 색상 변경 방법!
Ransack sort_link에서 클래스를 지정하여 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를 사용자 정의 할 수 있습니다!
Reference
이 문제에 관하여(Ransack sort_link 색상 변경 방법!), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/nozomi_nozomi/items/a0df259d1c6d6306c60e텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)