diff --git a/webapp/channels/src/components/threading/global_threads/thread_item/__snapshots__/thread_item.test.tsx.snap b/webapp/channels/src/components/threading/global_threads/thread_item/__snapshots__/thread_item.test.tsx.snap index a27b12e5a6..9a00a05163 100644 --- a/webapp/channels/src/components/threading/global_threads/thread_item/__snapshots__/thread_item.test.tsx.snap +++ b/webapp/channels/src/components/threading/global_threads/thread_item/__snapshots__/thread_item.test.tsx.snap @@ -7,7 +7,7 @@ exports[`components/threading/global_threads/thread_item should report total num onClick={[Function]} tabIndex={0} > -

+
@@ -35,7 +35,7 @@ exports[`components/threading/global_threads/thread_item should report total num } useTime={false} /> -

+
@@ -123,7 +123,7 @@ exports[`components/threading/global_threads/thread_item should report unread me onClick={[Function]} tabIndex={0} > -

+
@@ -160,7 +160,7 @@ exports[`components/threading/global_threads/thread_item should report unread me } useTime={false} /> -

+
@@ -248,7 +248,7 @@ exports[`components/threading/global_threads/thread_item should report unread me onClick={[Function]} tabIndex={0} > -

+
@@ -283,7 +283,7 @@ exports[`components/threading/global_threads/thread_item should report unread me } useTime={false} /> -

+
diff --git a/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.scss b/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.scss index 12f22f9401..fbdbef77eb 100644 --- a/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.scss +++ b/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.scss @@ -105,7 +105,7 @@ place-content: center; } - h1 { + > header { position: relative; display: grid; margin: 0 0 6px; @@ -117,6 +117,14 @@ justify-items: start; line-height: 20px; white-space: nowrap; + + > time { + color: rgba(var(--center-channel-color-rgb), 0.75); + font-size: 12px; + font-weight: normal; + grid-column: 3/4; + line-height: 20px; + } } div.preview { @@ -127,14 +135,6 @@ @include mixins.text-clamp(2, 20); } - time { - color: rgba(var(--center-channel-color-rgb), 0.75); - font-size: 12px; - font-weight: normal; - grid-column: 3/4; - line-height: 20px; - } - .menu-anchor { position: absolute; top: 12px; diff --git a/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.tsx b/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.tsx index d39f8ef537..3a4fdd7d0e 100644 --- a/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.tsx +++ b/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.tsx @@ -182,7 +182,7 @@ function ThreadItem({ id={isFirstThreadInList ? 'tutorial-threads-mobile-list' : ''} onClick={selectHandler} > -

+
{Boolean(newMentions || newReplies) && (
{newMentions ? ( @@ -217,7 +217,7 @@ function ThreadItem({ className='alt-hidden' value={lastReplyAt} /> -

+