fix(action-sheet): header, subheader, and icon alignment better matches native ios (#23322)

resolves #23317
This commit is contained in:
Liam DeBeasi
2021-07-08 09:38:00 -04:00
committed by GitHub
parent a15cace139
commit 39315bc857
3 changed files with 16 additions and 4 deletions

View File

@ -258,7 +258,10 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
<div class="action-sheet-container">
<div class="action-sheet-group" ref={el => this.groupEl = el}>
{this.header !== undefined &&
<div class="action-sheet-title">
<div class={{
'action-sheet-title': true,
'action-sheet-has-sub-title': this.subHeader !== undefined
}}>
{this.header}
{this.subHeader && <div class="action-sheet-sub-title">{this.subHeader}</div>}
</div>