Add Read more for the stack of QPs

src/components/status.css

@@ -187,10 +187,7 @@
     }
   }
 }
-.status-card-link:not(
-    .truncated .status-card-link /* parent status already truncated */,
-    .status-card-link .status-card-link /* nested status cards */
-  ):has(.truncated) {
+.status-card-container.truncated {
   display: block;
   position: relative;
 
@@ -216,11 +213,6 @@
     white-space: nowrap;
     transition: transform 0.2s ease-out;
   }
-
-  &:is(:hover, :focus):after {
-    color: var(--link-color);
-    transform: translate(2px, 0);
-  }
 }
 .status-card-link:is(:hover, :focus) .status-card {
   border-color: var(--outline-hover-color);

src/components/status.jsx

@@ -2953,7 +2953,11 @@ const QuoteStatuses = memo(({ id, instance, level = 0 }) => {
   const containerRef = useTruncated();
 
   return (
-    <div class="status-card-container" ref={containerRef}>
+    <div
+      class="status-card-container"
+      ref={containerRef}
+      data-read-more={_(readMoreText)}
+    >
       {uniqueQuotes.map((q) => {
         let unfulfilledState;
 

src/locales/en.po

@@ -274,8 +274,8 @@ msgstr "View post stats"
 #: src/components/shortcuts-settings.jsx:230
 #: src/components/shortcuts-settings.jsx:583
 #: src/components/shortcuts-settings.jsx:783
-#: src/components/status.jsx:3045
-#: src/components/status.jsx:3257
+#: src/components/status.jsx:3049
+#: src/components/status.jsx:3261
 #: src/components/translated-bio-sheet.jsx:21
 #: src/pages/accounts.jsx:45
 #: src/pages/catchup.jsx:1582
@@ -1205,8 +1205,8 @@ msgstr ""
 
 #: src/components/media-post.jsx:133
 #: src/components/status-compact.jsx:70
-#: src/components/status.jsx:3183
-#: src/components/status.jsx:3261
+#: src/components/status.jsx:3187
+#: src/components/status.jsx:3265
 #: src/components/timeline.jsx:1005
 #: src/pages/catchup.jsx:74
 #: src/pages/catchup.jsx:1878
@@ -2736,21 +2736,21 @@ msgstr "Post unavailable"
 msgid "Post removed by author"
 msgstr "Post removed by author"
 
-#: src/components/status.jsx:3050
+#: src/components/status.jsx:3054
 msgid "Edit History"
 msgstr ""
 
-#: src/components/status.jsx:3054
+#: src/components/status.jsx:3058
 msgid "Failed to load history"
 msgstr ""
 
-#: src/components/status.jsx:3059
+#: src/components/status.jsx:3063
 #: src/pages/annual-report.jsx:45
 msgid "Loading…"
 msgstr ""
 
 #. [Name] [Visibility icon] boosted
-#: src/components/status.jsx:3191
+#: src/components/status.jsx:3195
 msgid "<0/> <1/> boosted"
 msgstr "<0/> <1/> boosted"