Make event dots compatible with high contrast mode

WordPress · Sep 6, 2024 · ec7cff0 · ec7cff0
1 parent f7303b6
commit ec7cff0
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/packages/components/src/date-time/date/styles.ts b/packages/components/src/date-time/date/styles.ts
@@ -125,15 +125,14 @@ export const DayButton = styled( Button, {
 		props.hasEvents &&
 		`
 		::before {
-			background: ${ props.isSelected ? COLORS.white : COLORS.theme.accent };
+			border: 2px solid ${ props.isSelected ? COLORS.white : COLORS.theme.accent };
 			border-radius: ${ CONFIG.radiusRound };
+			box-sizing: border-box;
 			bottom: 2px;
 			content: " ";
-			height: 4px;
 			left: 50%;
-			margin-left: -2px;
 			position: absolute;
-			width: 4px;
+			transform: translateX(-50%);
 		}
 		` }
 `;