Use responsive pure css grids in about.ecr

(cherry picked from commit 8aca0a1d50)
This commit is contained in:
syeopite 2021-05-03 22:46:25 -07:00
parent e8677432e9
commit 3bccc56054
No known key found for this signature in database
GPG key ID: 6FA616E5A5294A82

View file

@ -10,7 +10,7 @@
<div class="pure-g">
<% stats_style_append = ""%>
<% if !channel.country.empty? %>
<div class="pure-u-3-4">
<div class="pure-u-1 pure-u-md-3-4">
<div class="h-box">
<h3> <%= translate(locale, "channel_about_page_details_section_header") %> </h3>
<p>Country: <%=channel.country%></p> <!-- Translate Country Names -->
@ -20,7 +20,7 @@
<% stats_style_append = "style=\"order: 1;\"" %>
<% end %>
<div class="pure-u-1-4" <%= stats_style_append %>>
<div class="pure-u-1 pure-u-md-1-4" <%= stats_style_append %>>
<div class="h-box">
<h3> <%= translate(locale, "channel_about_page_stats_section_header") %> </h3>
<p> <%= translate(locale, "channel_about_page_stats_joined_label") %>
@ -32,7 +32,7 @@
</div>
</div>
<div class="pure-u-2-3" id="external-links">
<div class="pure-u-1 pure-u-md-2-3" id="external-links">
<div class="h-box">
<h3> <%= translate(locale, "channel_about_page_links_section_header") %> </h3>
<% channel.links.each do |link_tuple| %>