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

Add includeStyles option #526

Merged
merged 1 commit into from
Aug 22, 2019
Merged

Add includeStyles option #526

merged 1 commit into from
Aug 22, 2019

Conversation

RobbieTheWagner
Copy link
Member

This will allow users who find themselves overriding a lot of styles to opt out of our base styles. Closes #497

This will allow users who find themselves overriding a lot of styles to opt out of our base styles. Closes #497
@RobbieTheWagner
Copy link
Member Author

@knoobie @chadarsenault does this approach work for you guys? It basically removes most of the styles if you set includeStyles: false. It only keeps the modal and cancel link stuff, but header, footer, button, text, and content styles are removed.

/**
* Extra [options to pass to tippy.js]{@link https://atomiks.github.io/tippyjs/#all-options}
*/
tippyOptions?: object;
Copy link
Member

Choose a reason for hiding this comment

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

I like the alphabetizing

Copy link
Member

@chuckcarpenter chuckcarpenter left a comment

Choose a reason for hiding this comment

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

@RobbieTheWagner RobbieTheWagner merged commit afb8161 into master Aug 22, 2019
@RobbieTheWagner RobbieTheWagner deleted the include-styles branch August 22, 2019 14:43
@knoobie
Copy link
Contributor

knoobie commented Aug 23, 2019

Thank you! The idea looks good! Have to find proper time to test it. (sorry)

Proposal / idea for future improvement (dunno how much work that would be) - instead of one boolean:

  styling: {
    header: true, 
    footer: true,
    modal: true,
    button: true,
    content: true,
    text: true
  }

@RobbieTheWagner
Copy link
Member Author

@knoobie I don't think we should make it that granular. If you want to override a couple things we provide the variables to change the styles or overriding via CSS is always an option.

@msteel9999
Copy link

To avoid wasting time as I did, note this isn't part of 9.1 release. Look at the source in master will show the includeStyles option is missing. Some error in the merge I think

@RobbieTheWagner
Copy link
Member Author

@msteel9999 this was intentionally removed. Since the styles live in a CSS file now, which you must manually include, if you don't want the styles at all, you can simply not include that file.

@iPurpl3x
Copy link

iPurpl3x commented Oct 3, 2022

@rwwagner90 has this option been removed ? It is not documented anywhere, but in the changelogs there is only a line saying it has been added...

Is there a way to disable the shepher-button class? It's VERY annoying to have it there. I have button classes for my app, and basically I would need to almost rewrite them entirely for the shepherd buttons with !important to make things work properly... Why can we not just override the classes instead of adding extra classes on the buttons?...

@RobbieTheWagner
Copy link
Member Author

@iPurpl3x the CSS is entirely optional. If you don't include it, the styles won't be there.

@iPurpl3x
Copy link

iPurpl3x commented Oct 4, 2022

Well yes, but I cannot selectively include CSS, like I would need all the layout CSS, but no colors etc... Anyway, I have now overridden the part that was conflicting with my button styling, so it's ok...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Disable built in component styles
5 participants