Skip to content

Commit

Permalink
docs(ui5-dialog): edit footer layout in dialogs samples (#6800)
Browse files Browse the repository at this point in the history
Fixes #6786
LidiyaGeorgieva authored Mar 28, 2023

Verified

This commit was signed with the committer’s verified signature. The key has expired.
mmarchini mary marchini
1 parent 9bac9b6 commit 2c3d1d5
Showing 1 changed file with 6 additions and 6 deletions.
12 changes: 6 additions & 6 deletions packages/main/test/samples/Dialog.sample.html
Original file line number Diff line number Diff line change
@@ -129,7 +129,7 @@ <h3>Draggable and Resizable Dialog</h3>
<p>Move this dialog around the screen by dragging it by its header.</p>
<p>This feature available only on Desktop.</p>

<div slot="footer" style="display: flex; justify-content: flex-end; width: 100%; padding: .25rem 1rem;">
<div slot="footer" style="display: flex; justify-content: flex-end; width: 100%; align-items: center;">
<ui5-button id="resizable-drggable-close" design="Emphasized">OK</ui5-button>
</div>
</ui5-dialog>
@@ -208,28 +208,28 @@ <h3>Dialogs with various state properties</h3>

<ui5-dialog id="error-state-dialog" header-text="Error" state="Error">
<p>Error state dialog</p>
<div slot="footer" style="display: flex; justify-content: flex-end; width: 100%; padding: .25rem 1rem;">
<div slot="footer" style="display: flex; justify-content: flex-end; width: 100%; align-items: center;">
<ui5-button id="error-close">Close</ui5-button>
</div>
</ui5-dialog>

<ui5-dialog id="information-state-dialog" header-text="Information" state="Information">
<p>Information state dialog</p>
<div slot="footer" style="display: flex; justify-content: flex-end; width: 100%; padding: .25rem 1rem;">
<div slot="footer" style="display: flex; justify-content: flex-end; width: 100%; align-items: center;">
<ui5-button id="information-close">Close</ui5-button>
</div>
</ui5-dialog>

<ui5-dialog id="success-state-dialog" header-text="Success" state="Success">
<p>Success state dialog</p>
<div slot="footer" style="display: flex; justify-content: flex-end; width: 100%; padding: .25rem 1rem;">
<div slot="footer" style="display: flex; justify-content: flex-end; width: 100%; align-items: center;">
<ui5-button id="success-close">Close</ui5-button>
</div>
</ui5-dialog>

<ui5-dialog id="warning-state-dialog" header-text="Warning" state="Warning">
<p>Warning state dialog</p>
<div slot="footer" style="display: flex; justify-content: flex-end; width: 100%; padding: .25rem 1rem;">
<div slot="footer" style="display: flex; justify-content: flex-end; width: 100%; align-items: center;">
<ui5-button id="warning-close">Close</ui5-button>
</div>
</ui5-dialog>
@@ -289,7 +289,7 @@ <h3>Dialogs with various state properties</h3>
<pre class="prettyprint lang-html"><xmp>
<ui5-dialog id="error-state-dialog" header-text="Error" state="Error">
<p>Error state dialog</p>
<div slot="footer" style="display: flex; justify-content: flex-end; width: 100%; padding: .25rem 1rem;">
<div slot="footer" style="display: flex; justify-content: flex-end; width: 100%; align-items: center;">
<ui5-button id="error-close">Close</ui5-button>
</div>
</ui5-dialog>

0 comments on commit 2c3d1d5

Please sign in to comment.