-
Notifications
You must be signed in to change notification settings - Fork 23
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
Feature/business dialog #202
Conversation
Implement dialog component, create dialog examples and documentation
…n/sbb-angular into feature/business-dialog
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 is currently a problem with the layering, as the header is currently on top of the overlay.
To change this, the z-index entries in app.component.scss need to be adapted:
.brand z-index: 980
.menu z-index: 980
.burger-icon z-index: 990
projects/sbb-esta/angular-business/dialog/src/dialog/dialog-content.ts
Outdated
Show resolved
Hide resolved
projects/sbb-esta/angular-business/dialog/src/dialog/dialog-container.component.scss
Outdated
Show resolved
Hide resolved
projects/sbb-esta/angular-business/dialog/src/dialog/dialog-content.ts
Outdated
Show resolved
Hide resolved
Improve showcase text
Fix layering for dialog component
Improve imports on dialog styling
Improve documentation
Remove double declaration
Add background opacity
Extract components and directives into separate files
Add positioning and size configuration, separate styles to components
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 are still some issues with this component, I'm slowly working through them. My main concerns at the moment:
- initial dialog size
- content not scrolling when size is set by hand
- ugly & > * selector in dialog-container.component.scss
Any input is appreciated!
I'll have a look at the changes. |
Improve default size and scroll overflow of content
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.
Looks to be nearly done.
Thank you very much for your effort.
In regard to & > *
; Since we have limited possibilities here, it is fine.
...s/sbb-esta/angular-business/dialog/src/dialog/dialog-container/dialog-container.component.ts
Show resolved
Hide resolved
projects/sbb-esta/angular-business/dialog/src/dialog/dialog-footer/dialog-footer.component.ts
Outdated
Show resolved
Hide resolved
Improve example description
...sbb-esta/angular-business/dialog/src/dialog/dialog-container/dialog-container.component.scss
Outdated
Show resolved
Hide resolved
Set default dialog max-height
Remove unnecessary initial focus
Remove perfect scrollbar from dialog footer
Refactor styles to reside inside component structure
Remove unnecessary styles and directive for dialog title
LGTM 😃 |
feat(business): dialog
Add a dialog component for the business scope.
NOTE: there are still overflow issues for the dialog body.