fix(3000): adapt ant picker colors for 3000 (#19397)

PostHog · Dec 19, 2023 · 52c3192 · 52c3192
1 parent 98accb3
commit 52c3192
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/frontend/src/lib/components/DatePicker.scss b/frontend/src/lib/components/DatePicker.scss
@@ -27,8 +27,28 @@
         background: var(--primary-3000);
     }
 
+    .ant-picker-time-panel .ant-picker-time-panel-column:nth-child(3)::after {
+        // :HACKY: fix to keep the whole am/pm section in view
+        display: none;
+    }
+
+    .ant-picker-cell .ant-picker-cell-inner {
+        border-radius: var(--radius);
+    }
+
+    .ant-picker-cell.ant-picker-cell-selected .ant-picker-cell-inner {
+        color: var(--default);
+        background: var(--primary);
+    }
+
+    .ant-picker-cell.ant-picker-cell-today .ant-picker-cell-inner::before {
+        background: none;
+        border-color: var(--primary);
+    }
+
     .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
     .ant-picker-cell:hover:not(
+            .ant-picker-cell-today,
             .ant-picker-cell-selected,
             .ant-picker-cell-range-start,
             .ant-picker-cell-range-end,
@@ -39,4 +59,14 @@
     .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
         background: var(--secondary-3000);
     }
+
+    .ant-picker-footer .ant-btn-primary {
+        background: var(--primary);
+        border: none;
+        border-radius: 0.25rem;
+    }
+
+    .ant-picker-footer .ant-picker-now-btn:hover {
+        color: var(--primary);
+    }
 }