i have this function:
let alert = this.alertCtrl.create({
title: 'Acessibilidade',
buttons: [
{
text: 'Alto Contraste',
role: 'cancel',
handler: data => {
if (this.classeConteudo=='textoDescricao'){
this.classeConteudo = 'textoDescricaoAltoContraste';
this.classeRodape = 'rodapeContraste';
this.classeTopo = 'topoContraste';
} else {
this.classeConteudo = 'textoDescricao';
this.classeRodape = '';
this.classeTopo = '';
}
}
},
{
text: 'Letra Pequena',
role: 'cancel',
handler: data => {
let biografiaText = document.getElementsByClassName('conteudo') as HTMLCollectionOf<HTMLElement>;
if (biografiaText.length != 0) {
biografiaText[0].setAttribute("style", "");
}
}
},
{
text: 'Letra Média',
handler: data => {
let biografiaText = document.getElementsByClassName('conteudo') as HTMLCollectionOf<HTMLElement>;
if (biografiaText.length != 0) {
biografiaText[0].setAttribute("style", "font-size:20px !important; line-height:30px !important");
}
}
},
{
text: 'Letra Grande',
role: 'cancel',
handler: data => {
let biografiaText = document.getElementsByClassName('conteudo') as HTMLCollectionOf<HTMLElement>;
if (biografiaText.length != 0) {
biografiaText[0].setAttribute("style", "font-size:25px !important; line-height:40px !important");
}
}
}
]
});
alert.present();
when i click outside the squere of options, it triggers the first function, changing the css classes. I would like just to exit, without doing anything. Can anyone helps me out?
thanks