Hi,
I want to display the close button of the modal as a Fab on the top right edge. But only the bottom half is displayed.
Any idea how I can display the button properly?
Kr,
Ward
Hi,
I want to display the close button of the modal as a Fab on the top right edge. But only the bottom half is displayed.
Any idea how I can display the button properly?
Kr,
Ward
I am facing a similar problem with rc-1
ion-fab on edge of modal is cut off.
tried adjusting z-index of all the ion elements and still the fab remains hidden
Wow i just got it
const modal = await this.modalCtrl.create({
component: CustomModalPage,
cssClass: 'custom-modal'
});
await modal.present()
: root {
...
.custom-modal .modal-wrapper {
//modal positioning can be custom
//but needs the following
background: transparent !important;
}
}
edge
attribute from the fab, move the fab outside the <ion-content>
, and adjust the ion-content styling:ion-content {
top: 44px; //ion-fab height
}
this achieved the following: