jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

switch reltags css to use flexbox

Browse Source
This commit is contained in:
Albert Yi
2018-10-26 15:01:49 -07:00
parent 28414800f8
commit 3a5eba0eaf
2 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/javascript/src/styles/specific/related_tags.scss
View File

@@ -1,8 +1,6 @@
@import "../base/000_vars.scss"; @import "../base/000_vars.scss";
div#related-tags-container { div#related-tags-container {
padding-right: 2em;
&.visible a#show-related-tags-link, &.visible a#show-related-tags-link,
&.hidden a#hide-related-tags-link, &.hidden a#hide-related-tags-link,
&.hidden div.related-tags { &.hidden div.related-tags {
@@ -17,11 +15,20 @@ div.related-tags {
background: #EEE; background: #EEE;
overflow: auto; overflow: auto;
border-radius: 4px; border-radius: 4px;
display: flex;
flex-wrap: wrap;
div.user-related-tags-columns, div.current-related-tags-columns, div.source-related-tags-columns {
display: flex;
}
div.tag-column { div.tag-column {
max-width: 15em; max-width: 15em;
margin-right: 2em; margin-right: 3em;
float: left;
&.is-empty-true {
display: none;
}
ul { ul {
margin: 0; margin: 0;
@@ -47,8 +54,4 @@ div.related-tags {
} }
} }
} }
div.wide-column {
max-width: 45em;
}
} }

4
app/views/related_tags/_tag_column.html.erb
View File

@@ -1,8 +1,8 @@
<%# tags, title, class (optional) %> <%# tags, title, class (optional) %>
<div class="tag-column <%= local_assigns[:class] || "#{title.parameterize}-related-tags-column" %>"> <%= content_tag(:div, class: ["tag-column", local_assigns[:class] || "#{title.parameterize}-related-tags-column", "is-empty-#{tags.empty?}"].join(" ")) do %>
<% if tags.present? %> <% if tags.present? %>
<h6><%= title %></h6> <h6><%= title %></h6>
<%= TagSetPresenter.new(tags).tag_list_html(name_only: true) %> <%= TagSetPresenter.new(tags).tag_list_html(name_only: true) %>
<% end %> <% end %>
</div> <% end %>