Скрыть кнопку в рельсах

Question

когда я прячу кнопку в рельсах, тогда другие кнопки перемещаются в это место. Я хочу поместить кнопку в параллельную линию, а место других кнопок должно быть ясным, если они не видны в этом случае. .. мой код выглядит следующим образом:

<div class=" list_el"> 
       <span class="pull-right" style="text-align:right"> 
       <%if accountant?%> 
       <%= link_to_if(!crm_donation["received"], "Approved", crm_donations_path(:id => crm_donation["id"]), :class => "label label-success") if !crm_donation["received"]%> 
       <%end%> 

       <%= link_to "rollback", edit_crm_donation_rollback_path(crm_donation["id"]), :class => 'label label-info' if supervisor? && crm_donation["rollback_id"].blank?%> 

       <%= link_to "delete", crm_donation_path(crm_donation["id"]), :class => 'label label-important1', method: :delete, data: { confirm: 'Are you sure?' } if accountant? && !crm_donation["received"]%> 

       <%= link_to "details", crm_donation_path(crm_donation["id"]), :class => 'label label-success' %> 


       <%if !accountant?%> 
       <%= link_to "pdf", "/letter/#{crm_donation["id"]}.pdf", :class => "label label-info1", :target=>"_blank"%> 

       <%if crm_donation["email_sent"]%> 
        <%=link_to_if(crm_donation["received"], "email", donation_email_sent_path(crm_donation["email_sent"]), :class=>"label label-emails") { label_tag("email" , "email",:class => "label") }%> 

       <%else%> 
        <%if !crm_donation["rollback_id"]%> 
        <%=link_to_if(crm_donation["received"], "email", new_donation_email_sent_path(:donation_id => crm_donation["id"]), :class=>"label label-emailf") { label_tag("email" , "email",:class => "label") } %> 
        <%end%> 

       <%end%> 
       <%end%> 

      </span> 
      </div> 

кнопка позиции, как это:

    details | pdf 
rollback | details | pdf | email 

и я хочу сделать так:

  details | pdf 
rollback | details | pdf | email 

Answer 1

Прежде всего удалите встроенный стиль и разместите все стили в конвейере активов. Создайте div для каждой кнопки, а затем используйте css-позиционирование, чтобы правильно их выровнять. Если вы скрываете некоторые из кнопок и меняете выравнивание вашей кнопки (как вы упомянули в своем вопросе), то используйте видимость: скрытый, а не дисплей: none. Как и при видимости: скрытый для определенного элемента, этот элемент все еще присутствует, но он скрыт.