Блог

Итак, изначально у меня был следующий код для моих кнопок:

 <%= link_to "Edit your profile", edit_user_profile_path(user_id: current_user.id), class: 'btn btn-default btn-lg btn-block' %>
 

Который я изменил на этот, чтобы поместить значок font awesome рядом с текстом:

 <%= link_to edit_user_profile_path(user_id: current_user.id) do %>
    <div class="btn btn-default btn-lg btn-block">
        <i class="fa fa-edit"></i> Edit your profile
    </div>
<% end %>
 

Однако, в то время как текст раньше не подчеркивался при наведении курсора мыши на кнопку начальной загрузки, теперь это происходит. Я попытался применить следующее в своем CSS (я использую Sass):

 .btn .btn-default .btn-lg .btn-block {
     text-decoration: none;
     
     amp;:hover {
         text-decoration: none;
     }
 }
 
 .i:hover {
     text-decoration: none;
 }
 

Любая помощь приветствуется.

Измените свою ссылку на это:

 <%= link_to edit_user_profile_path(user_id: current_user.id), class: "btn btn-default btn-lg btn-block do %>
    <i class="fa fa-edit"></i> Edit your profile
<% end %>