Fixed emoji picker button in Announcements block

nileane · Aug 26, 2024 · fed90eb · fed90eb
1 parent bb747ee
commit fed90eb
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 4 deletions.
diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
@@ -6844,10 +6844,14 @@ a:is(.active,
     border-radius: 8px;
     padding: 2px 8px;
 }
+.app-body .reactions-bar .emoji-picker-dropdown .icon-button {
+    padding: 3px;
+}
 .app-body .reactions-bar__item:is(:active, :hover, :focus) {
     background-color: var(--color-content-bg);
 }
-.app-body .reactions-bar__item.active {
+.app-body .reactions-bar__item.active,
+.app-body .reactions-bar .emoji-picker-dropdown .icon-button.active.inverted {
     background-color: var(--color-accent);
 }
 .app-body .reactions-bar__item__count,

diff --git a/TangerineUI-lagoon.css b/TangerineUI-lagoon.css
@@ -6844,10 +6844,14 @@ a:is(.active,
     border-radius: 8px;
     padding: 2px 8px;
 }
+.app-body .reactions-bar .emoji-picker-dropdown .icon-button {
+    padding: 3px;
+}
 .app-body .reactions-bar__item:is(:active, :hover, :focus) {
     background-color: var(--color-content-bg);
 }
-.app-body .reactions-bar__item.active {
+.app-body .reactions-bar__item.active,
+.app-body .reactions-bar .emoji-picker-dropdown .icon-button.active.inverted {
     background-color: var(--color-accent);
 }
 .app-body .reactions-bar__item__count,

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
@@ -6844,10 +6844,14 @@ a:is(.active,
     border-radius: 8px;
     padding: 2px 8px;
 }
+.app-body .reactions-bar .emoji-picker-dropdown .icon-button {
+    padding: 3px;
+}
 .app-body .reactions-bar__item:is(:active, :hover, :focus) {
     background-color: var(--color-content-bg);
 }
-.app-body .reactions-bar__item.active {
+.app-body .reactions-bar__item.active,
+.app-body .reactions-bar .emoji-picker-dropdown .icon-button.active.inverted {
     background-color: var(--color-accent);
 }
 .app-body .reactions-bar__item__count,

diff --git a/TangerineUI.css b/TangerineUI.css
@@ -6844,10 +6844,14 @@ a:is(.active,
     border-radius: 8px;
     padding: 2px 8px;
 }
+.app-body .reactions-bar .emoji-picker-dropdown .icon-button {
+    padding: 3px;
+}
 .app-body .reactions-bar__item:is(:active, :hover, :focus) {
     background-color: var(--color-content-bg);
 }
-.app-body .reactions-bar__item.active {
+.app-body .reactions-bar__item.active,
+.app-body .reactions-bar .emoji-picker-dropdown .icon-button.active.inverted {
     background-color: var(--color-accent);
 }
 .app-body .reactions-bar__item__count,