-
Notifications
You must be signed in to change notification settings - Fork 667
Incorporate vertical scroll shadows to modals #1128
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
Incorporate vertical scroll shadows to modals #1128
Conversation
sg00dwin
commented
Jan 23, 2019
- shared css for react-modal and patternfly-react modal
- modal-content class is now a child of modal-dialog
- pf overrides for catalog height and positioning to support scroll shadows
- button, input, tag elements have colors switched to rgba so don't overlay shadow




399bdd5 to
a65c6bb
Compare
|
/retest |
|
/refresh |
|
/assign @rhamilto |
rhamilto
left a comment
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.
Nice job moving us toward consolidated modals and improving their funcitonality!
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.
NIt: alpha
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.
Maybe add a comment explaining why 20px?
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.
This gives me pause since it's redefining the buttons style from PatternFly. If/when those change, we will now have to update this rule as well.
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.
Nit: indentation.
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.
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.
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.
Note the passing of className here overrides the default classNames in modal.tsx. As a result, this modal doesn't get the height adjustments. Is that intentional?
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.
Note the passing of className here overrides the default classNames in modal.tsx. As a result, this modal doesn't get the height adjustments. Is that intentional?
6398423 to
4190d6a
Compare
|
@rhamilto changes push. please take a look. |
rhamilto
left a comment
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.
/lgtm
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.
Nit: extra blank line
- modal-content class is now a child of modal-dialog - shared css for react-modal and patternfly-react modal - add modal optional height classes - pf overrides for catalog height and positioning to support scroll shadows
4190d6a to
415a38c
Compare
|
/lgtm |




