Quick pass at adding line numbers to dispatch table quotes

FuelRats · Jan 8, 2025 · 49f71b7 · 49f71b7
1 parent 0f90dc6
commit 49f71b7
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/src/components/RescueDetails/RescueDetails.module.scss b/src/components/RescueDetails/RescueDetails.module.scss
@@ -156,10 +156,26 @@
 }
 
 .infoValue.infoGroup.quote {
-  padding: 0 0.8rem;
+  position: relative;
+
+  padding: 0 0.8rem 0 calc(27px + 0.8rem);
 
   white-space: nowrap;
 
+  .quoteIndex {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+
+    width: 27px;
+    padding: 0.8rem 0.5rem;
+
+    background-color: #555555;
+
+    text-align: right;
+  }
+
   .quoteAuthorVia,
   .quoteAuthor,
   .quoteTime {

diff --git a/src/components/RescueDetails/RescueDetailsContent.js b/src/components/RescueDetails/RescueDetailsContent.js
@@ -200,6 +200,9 @@ function RescueDetailsContent (props) {
                             : (<td />)
                         }
                         <td className={[styles.infoValue, styles.infoGroup, styles.quote]}>
+                          <span className={styles.quoteIndex}>
+                            {index}
+                          </span>
                           <span className={styles.quoteAuthor}>
                             {`<${quoteSender}>`}
                           </span>