-
Notifications
You must be signed in to change notification settings - Fork 16
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 overflow-visible prop #87
Conversation
✅ Deploy Preview for vue-ssr-carousel ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
# Disable the overflow:hidden on the mask | ||
overflowVisible: Boolean |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@brokenhd this is the new prop I'm adding for handling the stuff we looked at today without having to override internal CSS.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@brokenhd what do you think of the name? I also considered no-mask
...
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Eh, gonna stick with overflow-visible
## Supply your own overflow:hidden | ||
|
||
Add the `overflow-visible` prop to supply your own `overflow: hidden`, for cases where you want to prevent the width of the carousel from expanding but do want the carousel to extend to the edges of the page. It makes the most sense with a big `peek-right` that hints at other slides. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@brokenhd I added a demo of the approach we came up with today here: https://deploy-preview-87--vue-ssr-carousel.netlify.app/peeking, because I bet we'll be applying this on other projects as well.
Closes #83.