docbrown/app/views/moderations/index.html.erb
Lisa Sy 126c2401e3
Improve small screen display of Mod Center (#10621) [deploy]
* Add page-header padding and overflow-x for tabs

* Split into two moderator files and move into Views folder

* Add page-header padding style

* Increase font size of crayons-tag on small screen

* Improve small screen view of menu and grid rows in mod center

* Fix date alignment

* Update after first PR revision

* Re-update

* Fix stylesheet reference
2020-10-27 07:46:52 -07:00

43 lines
1.6 KiB
Text

<% title "Mod Center" %>
<%= javascript_packs_with_chunks_tag "modCenter", defer: true %>
<div id="moderation-page" aria-hidden="true"></div>
<% if current_user&.trusted %>
<div class="crayons-layout crayons-layout--2-cols" id="mod-center">
<%= render "moderations/mod_sidebar_left" %>
<main class="mod-index-container articles-list crayons-layout__content">
<header class="mod-index-header hidden m:block">
<h2 class="crayons-subtitle-1">
<%= @tag ? "##{@tag.name}" : "All topics" %>
</h2>
</header>
<section class="mod-index-body">
<div class="mod-index-list-header lh-tight hidden m:grid">
<h2 class="mod-index-list-header__label">Post</h2>
<h2 class="mod-index-list-header__label">Author</h2>
<h2 class="mod-index-list-header__label align-center">Date</h2>
</div>
<div class="mod-index-list" id="mod-index-list" data-articles="<%= @articles %>">
</div>
</section>
</div>
<div data-testid="flag-user-modal-container" class="flag-user-modal-container hidden">
</div>
</main>
<% else %>
<div class="container" style="margin-top: 90px;">
<h1 style="text-align: center"><%= community_name %> Mods</h1>
<div class="body">
<p>We periodically award some <%= community_name %> members with heightened privileges to help moderate the community.</p>
<p>Email <%= email_link %> if you'd like to be considered right away.</p>
<% unless user_signed_in? %>
<p><em>P.S. You are not currently signed in.</em></p>
<% end %>
</div>
</div>
<% end %>