From f206cf32fbe7e8d59f8a4e6a69be7e6ddcc71134 Mon Sep 17 00:00:00 2001
From: Quantum <quantum2048@gmail.com>
Date: Mon, 24 Apr 2023 01:00:48 -0400
Subject: [PATCH] Make abbreviations show up on mobile

---
 jcal/src/Calendar.scss | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/jcal/src/Calendar.scss b/jcal/src/Calendar.scss
index f1e6c5e..7fc4f2d 100644
--- a/jcal/src/Calendar.scss
+++ b/jcal/src/Calendar.scss
@@ -166,3 +166,23 @@
 .Calendar-today-button {
     max-width: 5em;
 }
+
+@media (pointer: coarse), (hover: none) {
+    .DayDetail-gregorian abbr {
+        position: relative;
+        display: inline-flex;
+        justify-content: center;
+        text-decoration: underline dashed;
+
+        &:focus::after {
+            content: attr(title);
+            position: absolute;
+            top: 90%;
+            color: #000;
+            background-color: #fff;
+            border: 1px solid;
+            width: fit-content;
+            padding: 3px;
+        }
+    }
+}