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

feat: Toolbar 3000 changes #18671

Merged
merged 30 commits into from
Nov 20, 2023
Merged

Conversation

benjackwhite
Copy link
Contributor

@benjackwhite benjackwhite commented Nov 16, 2023

Problem

Following up on Paul's great work with some tweaks and changes that I believe polish it off

Changes

  • Updates the styles to be (I believe) a little nicer and more 3000
  • Removes the drag and drop for our own impl which gives us way more control
  • Allows the popover to be bigger than the bar

TODO

  • Fix clicking button whilst dragging still triggers button
  • Fix it so that when you un-minimize, it opens the previous panel / active state

👉 Stay up-to-date with PostHog coding conventions for a smoother review.

How did you test this code?

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

Copy link
Contributor

Size Change: -30.4 kB (-2%)

Total Size: 1.96 MB

Filename Size Change
frontend/dist/toolbar.js 1.96 MB -30.4 kB (-2%)

compressed-size-action

@benjackwhite benjackwhite marked this pull request as ready for review November 17, 2023 09:35
frontend/src/layout/navigation-3000/themeLogic.ts Outdated Show resolved Hide resolved
Copy link
Member

Choose a reason for hiding this comment

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

┻┳|
┻┳|
┳┻|
┳┻|
┻┳|
┻┳|
┳┻|
┳┻|
┻┳|
┳┻|
┻┳|
┳┻| _
┻┳| •.•) [I'm hiding off-screen]
┳┻|⊂ノ
┻┳|

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fixed these!

@@ -65,8 +65,8 @@ export const toolbarLogic = kea<toolbarLogicType>([
},
processUserIntent: async () => {
if (props.userIntent === 'add-action' || props.userIntent === 'edit-action') {
Copy link
Member

Choose a reason for hiding this comment

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

Yeah, I don't know how you would launch the toolbar and edit an action at the same time. I vote to delete it and then add it back if someone can tell us what broke

Copy link
Contributor

@daibhin daibhin left a comment

Choose a reason for hiding this comment

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

Feels good. One tiny nit is that the scaling transition when dragging feels like it could be sped up a bit to me, certainly after dropping (I have less of an opinion on drag start). Kind of falls under this thinking for me https://posthog.slack.com/archives/C064U4XCPHQ/p1699987726918269

@benjackwhite benjackwhite changed the base branch from feat/toolbar-3000 to master November 20, 2023 09:41
@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@benjackwhite benjackwhite mentioned this pull request Nov 20, 2023
2 tasks
@benjackwhite benjackwhite changed the base branch from master to feat/toolbar-3000 November 20, 2023 09:44
@benjackwhite benjackwhite merged commit dd741e0 into feat/toolbar-3000 Nov 20, 2023
2 checks passed
@benjackwhite benjackwhite deleted the feat/toolbar-3000-changes branch November 20, 2023 09:44
@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

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.

4 participants