actmd/abraham

couldn't find file 'shepherd.js/dist/css/shepherd-theme-default' with type 'text/css'

kent-gova opened this issue · 8 comments

kent-gova commented

Hi,
Good day. Thank you very much for making this Gem.
I'm using gem 'rails', '~> 5.2.3'
I did all the steps provided, however, I got this error when I load the page. Hope you can help.

couldn't find file 'shepherd.js/dist/css/shepherd-theme-default' with type 'text/css'

eafkhami commented

I'm having the same issue. The css directory doesn't get created in my case.

jabbett commented

@kent-gova @eafkhami Thanks for sharing - I'm sorry you've both encountered this issue!

After a lot of head-scratching, since I wasn't initially seeing the problem on my local environment, I discovered it was a Shepherd.js version issue. My yarn.lock file had me stuck in the initial Shepherd version I started developing with -- v1.8 -- whereas new gem users would yarn install and get v5!

There were significant changes to Shepherd, including the removal of themes. This week, I'm working on Abraham v2 to formally upgrade the gem to support Shepherd 5. To ease things for abraham's existing users, I'm going to make the old themes optionally available.

Keep an eye on #22 and I'll post another message here once v2 is ready for you to try.

eafkhami commented

@jabbett thanks for your response. I'm looking forward to using v2

jabbett commented

abraham 2.0.0 is now available!

I added a section to the README about upgrading from v1 if that's helpful:
https://github.com/actmd/abraham#upgrading-from-version-1

We can leave this issue open until you've gotten a v2 theme working properly ;)

eafkhami commented

@jabbett Thanks for the update. The new release worked for me with Rails 6.0

  • 😄1
luizdanielmlima commented

Hello @jabbett ,

Thank you for your support. I´m using Angular Shepherd in my project. Since the themes (css files) are not included in the dist folder, I´m REALLY having a hard time changing it´s colors, etc.

Since I didn´t want to include any CSS in the node_modules/shepherd.js, I tried to customize it through a shepherd-theme.scss file, placed in the /src folder of my angular project and @import it in the styles.scss. But doing things like this:

.shepherd { &-header { background: purple; } &-button { border: 1px solid red; } }
is not working....

Any help would be very much appreciated! Thank you

jabbett commented

Hi @luizdanielmlima!

That was also my experience with Shepherd 5, but in Shepherd 6, the standard-issue CSS file has returned, e.g. https://github.com/shipshapecode/shepherd/releases/tag/v6.0.1

Once I upgraded, it was much easier to code custom styling. What version are you using?

jabbett commented

@luizdanielmlima Feel free to reopen if you'd like to pick up this topic again. Closing for now...