Действует как тегируемый: все теги застряли в одной строке.

Я использую actions_as_taggable_on в приложении rails 4.1, все работает, но отображение облака тегов приводит к тому, что все теги объединяются в одну строку без разрывов строк, как я могу это исправить?

Я использую тот же CSS, что и на странице гемов

.css1 { font-size: 1.0em; }
.css2 { font-size: 1.2em; }
.css3 { font-size: 1.4em; }
.css4 { font-size: 1.6em; }

ruby-on-rails css ruby-on-rails-4 acts-as-taggable-on
person raphael_turtle    schedule 07.11.2014    source источник
comment
все теги отображаются в одной строке в облаке тегов   -  person raphael_turtle    schedule 07.11.2014

Ответы (1)


arrow_upward
0
arrow_downward

Возможно, вам стоит попробовать разместить свои теги в какой-то сетке / столбце. Например, если вы используете бутстрап, в framework_and_overrides.css.scss добавьте:

.col-sm-4{
 .css1 { font-size: 1.0em; }
 .css2 { font-size: 1.2em; }
 .css3 { font-size: 1.4em; }
 .css4 { font-size: 1.6em; }
}

и, на ваш взгляд, попробуйте что-то вроде этого:

<div class="col-sm-4">
 <div class="panel panel-default">
 <div class="panel-heading">
  <h3 class="panel-title">Popular tags</h3>
 </div>

 <div class="panel-body">
  <% tag_cloud( Post.tag_counts_on(:tags), %w(css1 css2 css3 css4)) do |tag, css_class| %>
   <%= link_to "<span class='label label-primary'>#{tag}</span>".html_safe, tag_path(tag.name), :class => css_class %>
  <% end %>
 </div>
</div>

person lavilet    schedule 07.11.2014