Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore(DatePicker): fix date picker appearance #19497

Merged
merged 5 commits into from
Jan 4, 2024

Conversation

jurajmajerik
Copy link
Contributor

Changes

Make DatePicker nicer on 3000.

image

How did you test this code?

👀

Copy link
Contributor

github-actions bot commented Dec 22, 2023

Size Change: 0 B

Total Size: 2 MB

ℹ️ View Unchanged
Filename Size
frontend/dist/toolbar.js 2 MB

compressed-size-action

@posthog-bot
Copy link
Contributor

This PR hasn't seen activity in a week! Should it be merged, closed, or further worked on? If you want to keep it open, post a comment or remove the stale label – otherwise this will be closed in another week.

Copy link
Member

@Twixes Twixes left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm gonna ensure we don't need these overrides for very long, but makes sense to put them in as a fix for what we have now!

Comment on lines 96 to 100
// HACKY: replace 'Ok' with 'OK'
.ant-picker-ok .ant-btn-primary span {
font-size: 0;
visibility: hidden;
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Possibly a less hacky way is text-transform: uppercase? But both hacks only work if we're sure that we don't override "Ok" with something else anywhere

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh right, that's rather obvious 🤦


.posthog-3000[theme='dark'] {
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
background: rgba(#f7a503, 0.4);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We want to avoid one-off colors, because they're really difficult to maintain. But all of these overrides will be deleted as soon as we add time picking support to LemonCalendarSelect, so I'll just try to get to that this week. We've been putting it off for quite a bit.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yep, I was aware you wanted to add this to the Lemon picker, great to hear it's coming soon :)

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

2 snapshot changes in total. 0 added, 2 modified, 0 deleted:

  • chromium: 0 added, 2 modified, 0 deleted (wasn't pushed!)
  • webkit: 0 added, 0 modified, 0 deleted

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@jurajmajerik jurajmajerik enabled auto-merge (squash) January 4, 2024 11:50
@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

2 snapshot changes in total. 0 added, 2 modified, 0 deleted:

  • chromium: 0 added, 2 modified, 0 deleted (diff for shard 1)
  • webkit: 0 added, 0 modified, 0 deleted

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@jurajmajerik jurajmajerik merged commit 1da03ed into master Jan 4, 2024
99 checks passed
@jurajmajerik jurajmajerik deleted the chore/date-picker-style branch January 4, 2024 12:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants