react/ratings: move icon overwrite out and into a4, change hover style

liqd · Nov 19, 2024 · 9ce4fe4 · 9ce4fe4
1 parent 8b2b672
commit 9ce4fe4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 12 deletions.
diff --git a/changelog/8529.md b/changelog/8529.md
@@ -0,0 +1,6 @@
+### Removed
+- thumbs up/down icons in ratings because they are now in a4
+
+### Added
+- hover style for rating buttons
+- active style for rating buttons
diff --git a/meinberlin/assets/scss/components_user_facing/_rating.scss b/meinberlin/assets/scss/components_user_facing/_rating.scss
@@ -9,7 +9,6 @@
 
 .rating__label {
     word-break: normal;
-    margin-left: 0.4em;
 }
 
 .rating-button {
@@ -18,22 +17,16 @@
     padding: 0;
 
     i {
-        margin-right: 0.4em;
-        margin-bottom: 0.4em;
         display: inline;
+        font-weight: normal;
     }
 
-    &--active {
+    &--active,
+    &.is-selected {
         font-weight: bold;
     }
 
-    .fa-chevron-up:before {
-        content:"\f164"!important; // thumbs-up icon
-        font-weight: 400;
-    }
-
-    .fa-chevron-down:before {
-        content:"\f165"!important; // thumbs-down icon
-        font-weight: 400;
+    &:hover {
+        text-decoration: underline;
     }
 }