Nuno Góis
c6ba9603c8
fix: demo banner zIndex, display on top ( #5776 )
...
This PR does 2 things:
- Fixes the `DemoBanner` zIndex to be the same as the sticky banners (no
longer displays on top of modals)
- Moves the `Demo` wrapper to `App` instead of `MainLayout`, always
displaying the demo banner before other banners
2024-01-05 14:57:34 +00:00
Nuno Góis
347c1cabbc
feat: add new sticky component to handle stacked stickies ( #5088 )
...
https://linear.app/unleash/issue/2-1509/discovery-stacked-sticky-elements
Adds a new `Sticky` element that will attempt to stack sticky elements
in the DOM in a smart way.
This needs a wrapping `StickyProvider` that will keep track of sticky
elements.
This PR adapts a few components to use this new element:
- `DemoBanner`
- `FeatureOverviewSidePanel`
- `DraftBanner`
- `MaintenanceBanner`
- `MessageBanner`
Pre-existing `top` properties are taken into consideration for the top
offset, so we can have nice margins like in the feature overview side
panel.
### Before - Sticky elements overlap 😞
### After - Sticky elements stack 😄
2023-10-19 15:50:37 +01:00
Nuno Góis
4167a60588
feat: biome lint frontend ( #4903 )
...
Follows up on https://github.com/Unleash/unleash/pull/4853 to add Biome
to the frontend as well.
Added a few `biome-ignore` to speed up the process but we may want to
check and fix them in the future.
2023-10-02 13:25:46 +01:00
Nuno Góis
959ac33905
fix: misc UI fixes mostly responsiveness related ( #3868 )
...
Includes:
- https://linear.app/unleash/issue/2-1050/ui-fixes
- https://linear.app/unleash/issue/2-1088/mobile-ui
- https://linear.app/unleash/issue/2-1090/tablet-table
Which include things like:
- zIndex adjustments;
- Make the plans dialog more responsive;
- Hide interactive demo guide on small screens;
- Improve demo banner responsiveness;
- Fix console error on `ResponsiveButton`;
- Adjust sidebar header to be more consistent;
Co-authored-by @nicolaesocaciu
2023-05-25 20:28:08 +03:00
Nuno Góis
0c538f070a
refactor: change plausible events to be more specific at the top level ( #3810 )
...
Splits the `demo` event into multiple more specific events so it's
easier to track on Plausible (fix `(none)` in Plausible).
2023-05-19 15:32:08 +01:00
Nuno Góis
bf4cbd24b0
fix: ensure rel=noreferrer on target=_blank ( #3755 )
...
https://linear.app/unleash/issue/2-1043/ensure-that-links-with-target=-blank-include-rel=noreferrer-to-prevent
Ensures that links with `target="_blank"` include `rel="noreferrer"` to
prevent warnings such as:
https://mathiasbynens.github.io/rel-noopener/#recommendations
2023-05-12 09:51:33 +01:00
Nuno Góis
b8171cf909
fix: interactive demo guide adjustments ( #3747 )
...
https://linear.app/unleash/issue/2-1027/adjustments
https://linear.app/unleash/issue/2-989/add-imagegif-to-some-of-the-steps
Includes small adjustments from the tasks above:
- Adjust zIndex values for the demo guide;
- Add a screenshot to better guide the users to their `userId` in the
demo website;
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-05-11 18:01:08 +00:00
Nuno Góis
9df9095b1f
feat: demo small UI adjustments ( #3653 )
...
https://linear.app/unleash/issue/2-975/small-ui-adjustments
Adds some small UI adjustments we identified in the meantime:
- "Get Unleash" -> "Get started" in the top banner;
- Topics list header is now the same color as the top banner;
- Added `focus` capabilities to steps, added it to the appropriate
steps;
- No longer closes tooltip when clicked when using `anyClick`;
- Reversed the topics list header arrow rotation;
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-04-28 11:54:58 +00:00
Nuno Góis
3c48171c78
feat: add user tracking to demo ( #3637 )
...
https://linear.app/unleash/issue/2-946/explore-and-implement-options-for-user-tracking
Adds user tracking to the interactive demo, so we can measure how users
are using this feature and improve it in the feature.
## Events
- **start** - When the user starts the demo by clicking on the "Try
Unleash Demo" button;
- **finish** - When the user finishes the demo by seeing the "You
finished the demo" dialog;
- **restart** - When the user decides to restart the demo on the "You
finished the demo" dialog;
- **close** - When the user closes a demo dialog;
- **topic** - In what topic this happened (topic title, can also be
`start` if user closes on the start dialog);
- **step** - In what step this happened (step number, `1` would mean
first step);
- **start_topic** - When the user decides to start a specific topic by
clicking it in the list;
- **topic** - What topic was clicked (topic title);
- **ask_questions** - When the user decides to ask questions by clicking
the appropriate option in the top banner;
- **see_plans** - When the user decides to see the plans by clicking the
appropriate option in the top banner;
- **plan** - What plan was clicked (one of: `open_source`, `pro`,
`enterprise` or `compare_plans`);
- **open_demo_web** - User decided to open the demo website using the
link on the start dialog;
- **view_demo_link** - User decided to open the start dialog again on
the bottom of the topics list;
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-04-27 14:12:02 +01:00
Nuno Góis
3599e7478c
feat: demo ui-ux improvements ( #3634 )
...
https://linear.app/unleash/issue/2-914/improve-demo-guide-uiux
Includes a big batch of UI/UX improvements, including but not limited
to:
- Updating steps text;
- Improve behavior of intro step dialogs (use normal dialogs);
- Improve overall design;
- Improve escape key and backdrop click behaviors;
- Add plans dialog;
- Add sticky demo banner;
- Assume `demo-app` project and `dev` environment to better fit our demo
instance;
- Misc fixes and refactors;
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-04-27 08:15:17 +01:00
