From 782f81d22fd2e4314bbde7dfa5b6c829f943efa1 Mon Sep 17 00:00:00 2001 From: Matthew Birtch Date: Mon, 26 Feb 2024 10:53:23 -0500 Subject: [PATCH] fix thread icon size and color (#26288) --- .../global_threads_link/global_threads_link.scss | 12 +++++++++--- .../threading/global_threads_link/threads_icon.tsx | 4 ++-- 2 files changed, 11 insertions(+), 5 deletions(-) diff --git a/webapp/channels/src/components/threading/global_threads_link/global_threads_link.scss b/webapp/channels/src/components/threading/global_threads_link/global_threads_link.scss index e5db5b39c8..fec7d39b89 100644 --- a/webapp/channels/src/components/threading/global_threads_link/global_threads_link.scss +++ b/webapp/channels/src/components/threading/global_threads_link/global_threads_link.scss @@ -11,15 +11,21 @@ .icon { padding: 3px; - margin-right: 8px; - margin-left: 1px; + margin-right: 7px; + margin-left: -1px; svg { - fill: rgba(var(--sidebar-text-rgb), 0.75); + fill: rgba(var(--sidebar-text-rgb), 0.64); vertical-align: middle; } } + &.unread-title { + svg { + fill: var(--sidebar-text); + } + } + &:hover { padding-right: 16px; diff --git a/webapp/channels/src/components/threading/global_threads_link/threads_icon.tsx b/webapp/channels/src/components/threading/global_threads_link/threads_icon.tsx index 5184dcac0e..9a1c0614d8 100644 --- a/webapp/channels/src/components/threading/global_threads_link/threads_icon.tsx +++ b/webapp/channels/src/components/threading/global_threads_link/threads_icon.tsx @@ -7,8 +7,8 @@ import type {HTMLAttributes} from 'react'; const ThreadsIcon = (attrs: HTMLAttributes) => { return (