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(3000): Breadcrumbs bar as dynamic page header #18426

Merged
merged 13 commits into from
Nov 13, 2023
Merged

Conversation

Twixes
Copy link
Member

@Twixes Twixes commented Nov 6, 2023

Problem

We had two page headers in 3000 mode, and neither looked great.

2023-11-06 16 05 12

Changes

The breadcrumbs bar is now the page header, and it adjusts based on where you are on the page.

2023-11-06 16 06 40

@Twixes Twixes requested review from corywatilo, benjackwhite and a team and removed request for benjackwhite November 6, 2023 16:32
Copy link
Contributor

@benjackwhite benjackwhite left a comment

Choose a reason for hiding this comment

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

This is so cool! I think it really nicely solves the problem.

Taste-wise the expanded heading still looks quite cramped... Maybe is just something we could get used to but I feel like a tiny bit more space between it and its surroundings could be nice.

It assumes the main area is always scrollable which we sort of break for Notebooks and Replay but I think thats totally fine and we can fix those areas to work with the parent scroller instead.

@Twixes Twixes force-pushed the 3000-top-bar-system branch from a6cc1c1 to 9c439ee Compare November 13, 2023 14:36
@Twixes Twixes force-pushed the 3000-top-bar-system branch from c06e873 to 4df7ba2 Compare November 13, 2023 19:19
@PostHog PostHog deleted a comment from posthog-bot Nov 13, 2023
@PostHog PostHog deleted a comment from posthog-bot Nov 13, 2023
@PostHog PostHog deleted a comment from posthog-bot Nov 13, 2023
@PostHog PostHog deleted a comment from posthog-bot Nov 13, 2023
@PostHog PostHog deleted a comment from posthog-bot Nov 13, 2023
@PostHog PostHog deleted a comment from posthog-bot Nov 13, 2023
@PostHog PostHog deleted a comment from posthog-bot Nov 13, 2023
@PostHog PostHog deleted a comment from posthog-bot Nov 13, 2023
@PostHog PostHog deleted a comment from posthog-bot Nov 13, 2023
@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@Twixes Twixes force-pushed the 3000-top-bar-system branch from 8b0bab5 to ff23b43 Compare November 13, 2023 19:38
@PostHog PostHog deleted a comment from posthog-bot Nov 13, 2023
@Twixes Twixes merged commit 361e15f into master Nov 13, 2023
71 checks passed
@Twixes Twixes deleted the 3000-top-bar-system branch November 13, 2023 20:52
daibhin added a commit that referenced this pull request Nov 14, 2023
* Disable double-tap-to-zoom in our app

* Add prominent scene title to breadcrumbs

* Render page-level actions next to breadcrumbs

* Fix overflow occasionally caused by `InsightTooltip`

* Fix word wrap

* Make spacing more relaxed

* Keep breadcrumb highlighted when popover active

* Resolve cyclic import

* Tune top bar sizing

* Fix import problem

* Fix a couple more issues in stories

* Update UI snapshots for `chromium` (1)

* Wait for loaders more reliably

---------

Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
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