restyling

app/javascript/src/javascripts/posts.js.erb

@@ -148,9 +148,9 @@ Post.open_edit_dialog = function() {
   });
 
   dialog.parent().mouseout(function(e) {
-    dialog.parent().css({"opacity": 0.6, "transition": "opacity .2s ease"});
+    dialog.parent().css({"opacity": 0.6, "transition": "opacity .4s ease"});
   }).mouseover(function(e) {
-    dialog.parent().css({"opacity": 1});
+    dialog.parent().css({"opacity": 1, "transition": "opacity .2s ease"});
   });
 
   $tag_string.css({"resize": "none", "width": "100%"});

app/javascript/src/styles/common/jquery_ui_custom.scss

@@ -22,6 +22,12 @@ div.ui-dialog {
   font-size: 1em;
   z-index: 999 !important;
   box-shadow: 2px 2px 1px grey;
+  padding: 0;
+
+  .ui-dialog-titlebar {
+    border-radius: 0;
+    border: none;
+  }
 
   ul {
     margin-left: 1em;
@@ -52,7 +58,11 @@ div.ui-dialog {
   margin: 0;
   padding: 0.25em 1em;
   background-color: #f6f6f6;
-  border: 1px solid #c5c5c5;
+  border-top: 1px solid silver;
+  border-left: 1px solid silver;
+  border-bottom: 1px solid darkgrey;
+  border-right: 1px solid darkgrey;
+  background: linear-gradient(#f6f6f6, #e5e5e5);
 
   &.sub {
     font-size: 90%;
@@ -62,19 +72,11 @@ div.ui-dialog {
     font-size: 90%;
     padding: 0.25em 0.5em;
   }
-
-  &.gradient {
-    background: linear-gradient(#f6f6f6, #e5e5e5);
-  }
 }
 
 .ui-button:hover {
   box-shadow: 1px 1px grey;
-  transform: translateY(-1px);
+  background: linear-gradient(#fefefe, #f0f0f0);
-
-  &.gradient {
-    background: linear-gradient(#fefefe, #f0f0f0);
-  }
 }
 
 .ui-front {

app/views/posts/partials/index/_options.html.erb

@@ -2,7 +2,7 @@
   <h1>Options</h1>
   <ul>
     <% if SavedSearch.enabled? && CurrentUser.is_member? %>
-      <li><%= button_tag(tag.i(class: "fas fa-bookmark") + " Save search", id: "save-search", class: "ui-button ui-widget ui-corner-all gradient sub") %></li>
+      <li><%= button_tag(tag.i(class: "fas fa-bookmark") + " Save search", id: "save-search", class: "ui-button ui-widget ui-corner-all sub") %></li>
     <% end %>
   </ul>
 </section>

app/views/posts/partials/show/_edit.html.erb

@@ -68,7 +68,7 @@
   <div class="input">
     <%= f.label :source %>
     <%= f.text_field :source %>
-    <%= button_tag "Similar", :id => "similar-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
+    <%= button_tag "Similar", :id => "similar-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub" %>
   </div>
 
   <% if Danbooru.config.iqdbs_server %>

app/views/posts/show.html.erb

@@ -56,11 +56,11 @@
       <% if CurrentUser.is_member? %>
         <%= content_tag(:div, class: "fav-buttons fav-buttons-#{@post.is_favorited?}") do %>
           <%= form_tag(favorites_path(post_id: @post.id), method: "post", id: "add-fav-button", "data-remote": true) do %>
-            <%= button_tag tag.i(class: "far fa-heart"), class: "ui-button ui-widget ui-corner-all gradient", "data-disable-with": tag.i(class: "fas fa-spinner fa-spin") %>
+            <%= button_tag tag.i(class: "far fa-heart"), class: "ui-button ui-widget ui-corner-all", "data-disable-with": tag.i(class: "fas fa-spinner fa-spin") %>
           <% end %>
 
           <%= form_tag(favorite_path(@post.id), method: "delete", id: "remove-fav-button", "data-remote": true) do %>
-            <%= button_tag tag.i(class: "fas fa-heart"), class: "ui-button ui-widget ui-corner-all gradient", "data-disable-with": tag.i(class: "fas fa-spinner fa-spin") %>
+            <%= button_tag tag.i(class: "fas fa-heart"), class: "ui-button ui-widget ui-corner-all", "data-disable-with": tag.i(class: "fas fa-spinner fa-spin") %>
           <% end %>
         <% end %>
       <% end %>

app/views/related_tags/_buttons.html.erb

@@ -1,5 +1,5 @@
-<%= button_tag "Related tags", type: :button, class: "related-tags-button ui-button ui-widget ui-corner-all sub gradient" %>
+<%= button_tag "Related tags", type: :button, class: "related-tags-button ui-button ui-widget ui-corner-all sub" %>
 
 <% TagCategory.related_button_list.each do |category| %>
-  <%= button_tag TagCategory.related_button_mapping[category], type: :button, "data-category": category, class: "related-tags-button ui-button ui-widget ui-corner-all sub gradient" %>
+  <%= button_tag TagCategory.related_button_mapping[category], type: :button, "data-category": category, class: "related-tags-button ui-button ui-widget ui-corner-all sub" %>
 <% end %>

app/views/uploads/new.html.erb

@@ -42,7 +42,7 @@
         <div class="input">
           <%= f.label :source %>
           <%= f.text_field :source, :size => 50, :value => params[:url] %>
-          <%= button_tag "Similar", :id => "similar-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
+          <%= button_tag "Similar", :id => "similar-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub" %>
           <span class="hint">You can enter a URL to have <%= Danbooru.config.app_name %> automatically download and process it</span>
         </div>
 
@@ -108,7 +108,7 @@
         </div>
 
         <div class="input">
-          <%= submit_tag "Submit", :id => "submit-button", :class => "large ui-button ui-widget ui-corner-all gradient", data: { disable_with: false } %>
+          <%= submit_tag "Submit", :id => "submit-button", :class => "large ui-button ui-widget ui-corner-all", data: { disable_with: false } %>
         </div>
 
         <%= render "related_tags/container" %>