refactor(toolbar): improve slot layout and visibility handling (#30371)

Co-authored-by: ionitron <hi@ionicframework.com>
Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com>
This commit is contained in:
Shane
2025-04-30 16:32:41 -07:00
committed by GitHub
parent b2f6b8c67e
commit 3b643a75d1
126 changed files with 419 additions and 65 deletions

View File

@ -71,23 +71,6 @@ html.ionic ion-modal ion-toolbar {
--padding-end: calc(var(--ion-safe-area-left) + #{globals.$ion-space-400});
}
/**
* Center an `ion-title` within a modal header. This works around
* limitations with `:host-context()` not being supported in all browsers.
*/
html.ionic ion-modal ion-header ion-toolbar ion-title {
@include globals.position(0, null, null, 0);
position: absolute;
width: 100%;
height: 100%;
transform: translateZ(0);
text-align: center;
}
/**
* Add padding to the left, right, and bottom of `ion-content`
* within a modal.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 124 KiB

After

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 187 KiB

After

Width:  |  Height:  |  Size: 180 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 192 KiB

After

Width:  |  Height:  |  Size: 190 KiB