diff --git a/app/javascript/src/styles/common/main_layout.scss b/app/javascript/src/styles/common/main_layout.scss index 94a365aa4..4ed6da376 100644 --- a/app/javascript/src/styles/common/main_layout.scss +++ b/app/javascript/src/styles/common/main_layout.scss @@ -56,8 +56,15 @@ div#page { button[type=submit] { padding: 2px 6px; background: #EEE; + } + + #search-box button[type=submit] { border-left: none; } + + #options-box i.fa-bookmark { + margin-right: 0.25em; + } } aside#sidebar > section { diff --git a/app/javascript/src/styles/specific/posts.scss b/app/javascript/src/styles/specific/posts.scss index 71b4071ad..7d1b57fad 100644 --- a/app/javascript/src/styles/specific/posts.scss +++ b/app/javascript/src/styles/specific/posts.scss @@ -160,9 +160,34 @@ div#c-posts { text-align: center; margin: 0.5em 0; - input[type=submit] { - padding: 0.2em 0.75em; + form { + display: inline-block; } + + i { + margin-right: 0.1em; + color: deeppink; + } + + button.ui-button { + padding: 0.25em 0.75em; + } + } + + .fav-buttons-true #add-fav-button { + display: none; + } + + .fav-buttons-true #remove-fav-button { + display: inline-block; + } + + .fav-buttons-false #remove-fav-button { + display: none; + } + + .fav-buttons-false #add-fav-button { + display: inline-block; } #ugoira-controls { @@ -303,10 +328,6 @@ div#c-posts { margin-top: 1em; } - #add-fav-button, #remove-fav-button { - margin-top: 1em; - } - menu#post-sections { margin: 0; font-size: $h3_size; diff --git a/app/javascript/src/styles/specific/z_responsive.scss b/app/javascript/src/styles/specific/z_responsive.scss index 8d769a7ad..e6157b90b 100644 --- a/app/javascript/src/styles/specific/z_responsive.scss +++ b/app/javascript/src/styles/specific/z_responsive.scss @@ -29,10 +29,11 @@ } button[type=submit] { - font-size: 1.4em; + font-size: 1.2em; background-color: #EEE; height: 42px; padding: 2px 10px; + border: 1px solid rgb(197, 197, 197); } } diff --git a/app/views/posts/partials/index/_options.html.erb b/app/views/posts/partials/index/_options.html.erb index 31f477a4c..7527f69fe 100644 --- a/app/views/posts/partials/index/_options.html.erb +++ b/app/views/posts/partials/index/_options.html.erb @@ -2,7 +2,7 @@

Options

diff --git a/app/views/posts/partials/show/_options.html.erb b/app/views/posts/partials/show/_options.html.erb index 15352e1c0..1f8c6e124 100644 --- a/app/views/posts/partials/show/_options.html.erb +++ b/app/views/posts/partials/show/_options.html.erb @@ -15,7 +15,7 @@
  • <%= link_to "Copy notes", "#", :id => "copy-notes" %>
  • <% end %>
  • <%= link_to "Add commentary", "#", :id => "add-commentary" %>
  • -
  • <%= link_to "Add to favorite group", "#", :id => "open-favgroup-dialog-link", :"data-shortcut" => "g" %>
  • +
  • <%= link_to "Add to fav group", "#", :id => "open-favgroup-dialog-link", :"data-shortcut" => "g" %>
  • <%= link_to "Find similar", iqdb_queries_path(:post_id => post.id) %>
  • <% if post.is_status_locked? %> @@ -53,7 +53,7 @@ <% end %> <% if CurrentUser.is_moderator? %> -
  • <%= link_to "Replace Image", new_post_replacement_path(post_id: post.id), id: "replace-image", remote: true %>
  • +
  • <%= link_to "Replace image", new_post_replacement_path(post_id: post.id), id: "replace-image", remote: true %>
  • <%= link_to "Down vote report", reports_down_voting_post_path(post_id: post.id) %>
  • <% end %> <% end %> diff --git a/app/views/posts/show.html.erb b/app/views/posts/show.html.erb index 54e2e8004..6534b355b 100644 --- a/app/views/posts/show.html.erb +++ b/app/views/posts/show.html.erb @@ -54,10 +54,15 @@ <% if CurrentUser.is_member? %> -
    - <%= button_to "Favorite", favorites_path(post_id: @post.id), remote: true, method: :post, form: {id: "add-fav-button", style: ("display: none;" if @post.is_favorited?)}, class: "ui-button ui-widget ui-corner-all gradient", data: {disable_with: "Favoriting..."} %> - <%= button_to "Unfavorite", favorite_path(@post), remote: true, method: :delete, form: {id: "remove-fav-button", style: ("display: none;" if !@post.is_favorited?)}, class: "ui-button ui-widget ui-corner-all gradient", data: {disable_with: "Unfavoriting..."} %> -
    + <%= 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") + " Favorite", class: "ui-button ui-widget ui-corner-all gradient", "data-disable-with": "Favoriting..." %> + <% 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") + " Unfavorite", class: "ui-button ui-widget ui-corner-all gradient", "data-disable-with": "Updating..." %> + <% end %> + <% end %> <% end %>