Merge pull request #5118 from consuldemocracy/undo-votes

Allow undoing "like/unlike" votes

app/assets/stylesheets/in_favor_against.scss

@@ -25,10 +25,10 @@
 
     &:not([disabled]) {
       &:hover,
-      &:active {
+      &:active,
+      &[aria-pressed=true] {
         color: #fff;
         cursor: pointer;
-        opacity: 1 !important;
       }
     }
   }
@@ -38,7 +38,8 @@
 
     &:not([disabled]) {
       &:hover,
-      &:active {
+      &:active,
+      &[aria-pressed=true] {
         background: $like;
         border: 2px solid $like;
       }
@@ -50,19 +51,14 @@
 
     &:not([disabled]) {
       &:hover,
-      &:active {
+      &:active,
+      &[aria-pressed=true] {
         background: $unlike;
         border: 2px solid $unlike;
       }
     }
   }
 
-  .like,
-  .unlike {
-    vertical-align: super;
-    text-decoration: none;
-  }
-
   .percentage {
     display: inline-block;
     font-size: $small-font-size;
@@ -76,22 +72,4 @@
       padding-right: 0;
     }
   }
-
-  .voted {
-    color: #fff;
-  }
-
-  .in-favor .voted {
-    background: $like;
-    border: 2px solid $like;
-  }
-
-  .against .voted {
-    background: $unlike;
-    border: 2px solid $unlike;
-  }
-
-  .no-voted {
-    opacity: 0.3;
-  }
 }

app/assets/stylesheets/layout.scss

@@ -1705,7 +1705,8 @@ table {
   .in-favor button {
     @include has-fa-icon(thumbs-up, solid);
 
-    &:hover {
+    &:hover,
+    &[aria-pressed=true] {
       color: $like;
     }
   }
@@ -1713,7 +1714,8 @@ table {
   .against button {
     @include has-fa-icon(thumbs-down, solid);
 
-    &:hover {
+    &:hover,
+    &[aria-pressed=true] {
       color: $unlike;
     }
   }