elrumordelaluz
Repos
173
Followers
661
Following
69

Events

issue comment
import popover/dist/index.css is unresolved

RFC

Created at 19 hours ago
import popover/dist/index.css is unresolved

Hi @elrumordelaluz! I'm trying to import "@reactour/popover/dist/index.css" per your example and it does not resolve.

On version 3.0.5

Screen Shot 2022-08-26 at 10 29 23 AM

Created at 19 hours ago
issue comment
import popover/dist/index.css is unresolved

Closing as this issue is related on this one

Created at 19 hours ago
issue comment
Automatically re-open Tour

Hi @toduyen, thanks for open the Issue.

In that case you must handle the state of the steps tour outside (as opposite as the internal state handled automatically without extra config), just passing setCurrentStep and currentStep in that case handling with a persistent way (like saving step in localStorage for example). Same way, using persistent state, you can handle if the Tour was open or close when the page was refreshed.

Here is a working example, which uses use-persisted-state.

https://user-images.githubusercontent.com/784056/192112643-a7643dc6-c63b-4a9a-967d-b81113a787e1.mp4

Created at 4 days ago
issue comment
Mask custom Component

Hi @SirReaDy, thanks for open the Issue. Mind creating a minimal reproduction in a sandbox sharing your idea or use case?

In general you can control lot of stuff of the Mask. Keep in mind that you can pass through Tour styles all the keys of Mask styles. There you can control all this components using css.

Here is an example, using a custom clip-path which calculates the same way the mask do internally to highlight the DOM element, but creating an arrow like (the triangle on the left) that follows the highlighted area. You can see that we are also controlling other path stuff that could be controlled through css.

Created at 5 days ago
issue comment
Reactour Playground in v3

Hi @shubhrasachdev, thanks for open the Issue.

There is a version here for the tour, and also for the other components (mask and popover) changing the route on the url. Those are however a temporary demos, since I have to work a little more to improve code on each example.

Created at 6 days ago

Add links to internal routes

Created at 6 days ago
Created at 6 days ago

Add twitter meta tag

Created at 6 days ago

Add approfondimenti

Created at 1 week ago

Add ending state for Countdown

Created at 1 week ago

Add images and sections

Created at 1 week ago
elrumordelaluz create branch main
Created at 1 week ago
create repository
elrumordelaluz create repository
Created at 1 week ago

Add missing css variable

Created at 1 week ago
Created at 1 week ago
started
Created at 1 week ago
Hero content crossbrowser

Hi @Siumauricio, I suggest to check the Hero content which is rendering different in at least three browsers, probably due to inconsistencies using display: contents. In the NextUI homepage is solved using display: inline.

Here are some screenshots.

Firefox

Screenshot 2022-09-19 at 09 27 36

Chrome

Screenshot 2022-09-19 at 09 26 49

Safari

Screenshot 2022-09-19 at 09 27 08

Created at 1 week ago
started
Created at 1 week ago
issue comment
export 'Portal' (imported as 'Portal') was not found in '@reactour/utils'

thank you @Allyson-Santana to share your (re)solutio!

updating into v3.1.4 you still need the resolution workaround?

Created at 2 weeks ago

Fix Observable issue. Update demo with other fixes

Created at 2 weeks ago
issue comment
How to specify a parent portal where the mask appears?

Since I think the issue is solve, I am closing it, but feel free to re-open or create a new one in any case.

Created at 2 weeks ago