Skip to content

Add includeStyles option#526

Merged
RobbieTheWagner merged 1 commit intomasterfrom
include-styles
Aug 22, 2019
Merged

Add includeStyles option#526
RobbieTheWagner merged 1 commit intomasterfrom
include-styles

Conversation

@RobbieTheWagner
Copy link
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
Copy Markdown

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
Copy Markdown
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
Copy Markdown

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
Copy Markdown
Member Author

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

@iPurpl3x
Copy link
Copy Markdown

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