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

related tags: fix layout on mobile.

Browse Source 
Make related tags use a single-column layout on mobile.

Related tags layout is still broken inside the tag edit dialog box, when
the dialog box is too small for multiple columns.
This commit is contained in:
evazion
2021-02-23 17:57:21 -06:00
parent 4dd1a05208
commit 868f1a1809
5 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/javascript/src/styles/common/utilities.scss
View File

@@ -52,6 +52,7 @@ $spacer: 0.25rem; /* 4px */
.md\:inline-block { display: inline-block; }
.md\:flex { display: flex; }
.md\:space-x-4 > * + * { margin-left: 4 * $spacer; }
.md\:space-x-8 > * + * { margin-left: 8 * $spacer; }
.md\:space-y-0 > * + * { margin-top: 0; }
}

2
app/views/related_tags/_container.html.erb
View File

@@ -5,7 +5,7 @@
<a href="#" id="hide-related-tags-link">«</a>
</h3>
<div class="related-tags w-full mb-4 p-4 flex space-x-4">
<div class="related-tags w-full mb-4 p-4 space-y-4 md:space-y-0 md:flex md:space-x-4">
<%= render "related_tags/user_tags", related_tags: nil %>
<%= render "related_tags/current_tags", related_tags: nil %>
<%= render "related_tags/source_tags", source: nil %>

2
app/views/related_tags/_current_tags.html.erb
View File

@@ -1,4 +1,4 @@
<div class="current-related-tags-columns flex space-x-4">
<div class="current-related-tags-columns space-y-4 md:space-y-0 md:flex md:space-x-4">
<% if related_tags.present? %>
<%= render "related_tags/tag_column", tags: related_tags.tags.map(&:name), class: "general-related-tags-column", title: related_tags.pretty_name %>
<%= render "related_tags/tag_column", tags: related_tags.wiki_page_tags, class: "wiki-related-tags-column", title: link_to_wiki("wiki:#{related_tags.pretty_name}", related_tags.query) %>

2
app/views/related_tags/_source_tags.html.erb
View File

@@ -1,4 +1,4 @@
<div class="source-related-tags-columns flex space-x-4">
<div class="source-related-tags-columns">
<% if source.present? %>
<%# XXX %>
<% tags = source.artists.map(&:name) %>

2
app/views/related_tags/_user_tags.html.erb
View File

@@ -1,4 +1,4 @@
<div class="user-related-tags-columns flex space-x-4">
<div class="user-related-tags-columns space-y-4 md:space-y-0 md:flex md:space-x-4">
<% if related_tags.present? %>
<%= render "related_tags/tag_column", tags: related_tags.recent_tags, class: "recent-related-tags-column", title: "Recent" %>
<%= render "related_tags/tag_column", tags: related_tags.favorite_tags, class: "frequent-related-tags-column", title: "Frequent" %>