Restyle project vote button (#16)

AjuntamentdeBarcelona · Jul 22, 2021 · 7e43fe4 · 7e43fe4
1 parent 92bdf60
commit 7e43fe4
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 16 deletions.
diff --git a/decidim-budgets/app/assets/stylesheets/decidim/budgets/budget/_budget-vote-button.scss b/decidim-budgets/app/assets/stylesheets/decidim/budgets/budget/_budget-vote-button.scss
@@ -4,20 +4,19 @@
   justify-content: space-between;
   align-items: center;
 
-  &:hover,
-  &:focus {
-    &.added {
-      .budget-list__action {
-        background: var(--primary);
-        border-color: white;
-        color: white;
-      }
-    }
-    &:not(.added) {
-      .budget-list__action {
-        border-color: white;
-        color: white;
-      }
+  span {
+    font-size: 1rem;
+  }
+
+  &.added {
+    background-color: tint($success, 80%);
+    color: $body-font-color;
+  }
+
+  &:not(.added) {
+    .budget-list__action {
+      border-color: white;
+      color: white;
     }
   }
 }
diff --git a/decidim-budgets/app/views/decidim/budgets/projects/_project_budget_button.html.erb b/decidim-budgets/app/views/decidim/budgets/projects/_project_budget_button.html.erb
@@ -1,11 +1,11 @@
 <% if current_user.blank? %>
   <div id="project-<%= project.id %>-budget-button">
-    <button class="button expanded button--sc" data-toggle="loginModal">
+    <button class="button expanded primary button--sc" data-toggle="loginModal">
       <%= t(".add") %>
     </button>
   </div> 
 <% else %>
-  <div id="project-<%= project.id %>-budget-button" class="<%= "added" if voted_for?(project) %> button expanded button--sc budget-vote-button budget-list__data">
+  <div id="project-<%= project.id %>-budget-button" class="<%= "added" if voted_for?(project) %> button expanded primary button--sc budget-vote-button budget-list__data">
     <span>
       <%= t(voted_for?(project) ? ".added" : ".add") %>
     </span>