css: standardize post notice css.

* Standardize post notice background colors.
* Replace .ui-state-highlight and .ui-corner-all classes with .post-notice.
* Rename post notice classes (e.g. .notice-parent -> .post-notice-parent).
* Remove hover effect from sequential search navbar.
This commit is contained in:
evazion
2019-09-17 00:28:41 -05:00
parent e91e68c206
commit 9c96557be8
4 changed files with 28 additions and 84 deletions

View File

@@ -1,5 +1,5 @@
<% if (position == "bottom" && CurrentUser.user.new_post_navigation_layout) || (position == "top" && !CurrentUser.user.new_post_navigation_layout) %>
<div id="nav-links" class="ui-corner-all nav-notice">
<div id="nav-links" class="post-notice post-notice-search">
<% if post.presenter.has_sequential_navigation?(params) %>
<%= render "posts/partials/show/search_seq", :post => post %>
<% end %>

View File

@@ -1,5 +1,5 @@
<% if post.is_flagged? && !post.is_deleted? && post.flags.any? %>
<div class="ui-corner-all ui-state-highlight notice notice-flagged">
<div class="post-notice post-notice-flagged">
<p>This post was flagged for review (<%= link_to "learn more", wiki_pages_path(:title => "howto:flag") %>): </p>
<%= post_flag_reasons(post) %>
@@ -7,13 +7,13 @@
<% end %>
<% if post.is_banned? %>
<div class="ui-corner-all ui-state-highlight notice notice-deleted">
<div class="post-notice post-notice-banned">
The artist requested removal of this page
</div>
<% end %>
<% if post.is_deleted? %>
<div class="ui-corner-all ui-state-highlight notice notice-deleted">
<div class="post-notice post-notice-deleted">
<% if post.flags.any? %>
<p>This post was deleted for the following reasons: </p>
<%= post_flag_reasons(post) %>
@@ -30,7 +30,7 @@
<% end %>
<% if post.is_pending? || post.is_flagged? %>
<div class="ui-corner-all ui-state-highlight notice notice-pending" id="pending-approval-notice">
<div class="post-notice post-notice-pending">
<% if post.is_pending? %>
This post is pending approval.
(<%= link_to "learn more", wiki_pages_path(:title => "about:mod_queue") %>)
@@ -48,28 +48,28 @@
<% end %>
<% if (post.is_flagged? || post.is_deleted?) && post.appeals.any? %>
<div class="ui-corner-all ui-state-highlight notice notice-appealed">
<div class="post-notice post-notice-appealed">
<p>This post was appealed:</p>
<%= post_appeal_reasons(post) %>
</div>
<% end %>
<% if post.parent_id && post.parent_exists? %>
<div class="ui-corner-all ui-state-highlight notice notice-child">
<div class="post-notice post-notice-child">
<%= has_parent_message(post, @parent_post_set) %>
<div id="has-parent-relationship-preview"><%= @parent_post_set.presenter.post_previews_html(self) %></div>
</div>
<% end %>
<% if post.has_visible_children? %>
<div class="ui-corner-all ui-state-highlight notice notice-parent">
<div class="post-notice post-notice-parent">
<%= has_children_message(post, @children_post_set) %>
<div id="has-children-relationship-preview"><%= @children_post_set.presenter.post_previews_html(self) %></div>
</div>
<% end %>
<% if post.visible? && post.has_large? && !post.is_ugoira? %>
<div class="ui-corner-all ui-state-highlight notice notice-resized" id="image-resize-notice" style="<%= CurrentUser.default_image_size == "original" ? "display: none;" : "" %>">
<div class="post-notice post-notice-resized" id="image-resize-notice" style="<%= CurrentUser.default_image_size == "original" ? "display: none;" : "" %>">
<span>Resized to <%= number_to_percentage post.resize_percentage.floor, :precision => 0 %> of original (<%= link_to "view original", post.tagged_file_url, :id => "image-resize-link" %>)</span>
<span style="display: none;">Loading...</span>
</div>