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

fix(ui5-dialog): add height to footer and samples achieving fiori footer design #5338

Merged
merged 6 commits into from
Jun 20, 2022

Conversation

GerganaKremenska
Copy link
Member

@GerganaKremenska GerganaKremenska commented Jun 7, 2022

fixes: #5306

@georgimkv georgimkv changed the title fix(ui5-dialog): add height to footer and samples achieving fiori foo… fix(ui5-dialog): add height to footer and samples achieving fiori footer design Jun 8, 2022
<ui5-dialog id="fiori-footer-dialog" header-text="Fiori footer buttons">
<p>Adding custom styles to achieve the look and field of a Fiori footer</p>
<div slot="footer" style="display: flex; align-items: center; justify-content: end; width: 100%; box-sizing: border-box;">
<ui5-button design="Emphasized" style="min-width: 4rem;">Ok</ui5-button>

Choose a reason for hiding this comment

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

OK

BorisDafov
BorisDafov previously approved these changes Jun 16, 2022
dimovpetar
dimovpetar previously approved these changes Jun 16, 2022
Copy link
Member

@ilhan007 ilhan007 left a comment

Choose a reason for hiding this comment

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

The sample looks good to me:
Screenshot 2022-06-20 at 14 55 40

Somehow the name of the section is something that can be improved

Basic Dialog
Draggable and Resizable Dialog
and now: Fiori styled footer

Perhaps "Dialog with Customized footer" or "Dialog with SAP Fiori Styled Footer"

@GerganaKremenska GerganaKremenska dismissed stale reviews from dimovpetar and BorisDafov via 2f41433 June 20, 2022 12:10
@GerganaKremenska GerganaKremenska merged commit 03269f4 into main Jun 20, 2022
@ilhan007 ilhan007 deleted the dialog_footer branch July 5, 2022 12:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

ui5-dialog: change default alignment and add paddings for footer
5 participants