@@ -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}
>
-
+