From d819920f8a1a05d467c00ef8c7f60353c5773117 Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Fri, 10 May 2024 01:47:09 -0500
Subject: [PATCH] Use .dashed class instead of global attribute selector for
 title indication

---
 src/components/common/DynamicDate.tsx  | 2 +-
 src/components/common/PropertyList.tsx | 2 +-
 src/styles/globals.scss                | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/common/DynamicDate.tsx b/src/components/common/DynamicDate.tsx
index b187835..942580b 100644
--- a/src/components/common/DynamicDate.tsx
+++ b/src/components/common/DynamicDate.tsx
@@ -22,7 +22,7 @@ const DynamicDate: FunctionComponent<DynamicDateProps> = ({
   const date = new Date(value);
   return (
     <button onClick={toggleFormat}>
-      <span title={date.toISOString()}>
+      <span className="dashed" title={date.toISOString()}>
         {showAbsolute
           ? format(date, absoluteFormat ?? "LLL do, y HH:mm:ss xxx")
           : <TimeAgo date={date} />}
diff --git a/src/components/common/PropertyList.tsx b/src/components/common/PropertyList.tsx
index 3fc08d3..fdcca92 100644
--- a/src/components/common/PropertyList.tsx
+++ b/src/components/common/PropertyList.tsx
@@ -8,7 +8,7 @@ const PropertyListItem: FunctionComponent<{
 }> = ({ title, children }) => {
   return (
     <li>
-      <span title={title}>{children}</span>
+      <span className="dashed" title={title}>{children}</span>
     </li>
   );
 };
diff --git a/src/styles/globals.scss b/src/styles/globals.scss
index 95a520c..a805ac3 100644
--- a/src/styles/globals.scss
+++ b/src/styles/globals.scss
@@ -10,7 +10,7 @@ dd {
     margin: 0.5em 0 1em 2em;
 }
 
-[title]:not(.no-title) {
+.dashed {
     border-bottom: 1px dashed silver;
 }