CSS: Apply highlight color on link, to avoid misalignment

6f4b490b · JC Brand · 17654aaf · 6f4b490b
Commit 6f4b490b authored Jan 08, 2020 by JC Brand
Hide whitespace changes
Inline Side-by-side

Showing with 2 additions and 9 deletions

sass/_emoji.scss sass/_emoji.scss +2 -9

No files found.
--- a/sass/_emoji.scss
+++ b/sass/_emoji.scss
@@ -77,11 +77,7 @@
                        margin: 0;
                        height: 30px;
                        width: 32px;
-
-                        &.selected {
-                            background-color: var(--highlight-color);
-                        }
-                        &.picked {
+                        &.selected a {
                            background-color: var(--highlight-color);
                        }
                        a {
@@ -118,10 +114,7 @@
                            border: 1px var(--chat-head-color) solid;
                            border-bottom: none;
                        }
-                        &.selected {
-                            background-color: var(--highlight-color);
-                        }
-                        &:hover {
+                        &.selected a, &:hover a {
                            background-color: var(--highlight-color);
                        }
                        a {