Here is my code that displays the action sheet controller:
this.actionSheetController.create({
header: 'Select action for ’ + manifestName,
buttons: [
{
text: ‘Send to APOD’,
handler: () => this.SendToApod(manifestId),
icon: ‘send-outline’
},
{
text: 'Send to Unit',
handler: () => this.SendToUnit(manifestId),
icon: 'send'
},
{
text: 'Export to TRN',
handler: () => this.ExportToTrn(manifestId),
icon: 'document-text-outline'
},
{
text: 'Export to Excel',
handler: () => this.ExportToExcel(manifestId),
icon: 'grid-outline'
},
{
text: 'Cancel',
role: 'cancel',
icon: 'close-outline'
}
]
}).then(actionSheetElement => {
actionSheetElement.present();
});
My understanding is that I have to modify the ios SASS variable for this ios setting in the src/theme/variables.scss file. I have tried many thing, but my current code looks like this in the variabls.scss file. What am I doing wrong?
.ios {
$action-sheet-ios-text-align: left;
}
No matter what I try, it is still executing the default of ‘center’.
