fix(calendar): adjust styling of today date

dhis2 · Mar 2, 2023 · 0d38ce7 · 0d38ce7
1 parent abdf8f7
commit 0d38ce7
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/components/calendar/src/calendar/calendar-table-cell.js b/components/calendar/src/calendar/calendar-table-cell.js
@@ -56,7 +56,21 @@ export const CalendarTableCell = ({ day, cellSize, selectedDate }) => {
                     color: white;
                 }
                 button.isToday {
-                    text-decoration: underline;
+                    position: relative;
+                }
+                button.isToday::after {
+                    content: '';
+                    position: absolute;
+                    transform: translateX(-50%);
+                    height: 4px;
+                    width: 4px;
+                    bottom: 2px;
+                    left: 50%;
+                    border-radius: 100%;
+                    background-color: ${colors.teal600};
+                }
+                button.isSelected.isToday::after {
+                    background-color: ${colors.teal200};
                 }
                 button.otherMonth {
                     color: ${colors.grey600};