
На самом деле мой контроллер предупреждений "Заголовок" слишком длинный, поэтому я хочу изменить размер текста, и я добавил класс Css, а затем попытался изменить стиль в SASS с помощьюПрисвоение ему размера шрифта, к сожалению, не сработало, а текст кнопок вводится в верхнем регистре. Так есть ли способ изменить размер шрифта текста, цвет и размер кнопок и изменить текст кнопки на строчные?
Мой машинописьфайл
import { IonicPage,AlertController} from 'ionic-angular';
import { Component,ViewChild } from '@angular/core';
import 'rxjs/add/operator/toPromise';
@IonicPage()
@Component({
selector: 'page-kpi',
templateUrl: 'kpi.html',
})
export class KpiPage {
@ViewChild(Nav) nav: Nav;
temp2:any;
lastUpdate:any;
constructor(
private alertCtrl: AlertController,
public menuCtrl : MenuController,
) {
this.platform.ready().then(() => {
this.refreshbutton();
}
});
refreshbutton(){
this.getSession();
if(this.offline == true)
{
this.offlineRefreshAlert();
}
else{
let alert = this.alertCtrl.create({
title: 'Do you really want to refresh the widgets?',
message: 'Refresh process will take time to complete.',
cssClass: 'alertLogCss',
buttons: [
{
text: 'Cancel',
role: 'cancel',
handler: () => {
alert = null;
}
},
{
text: 'Refresh now',
handler: () => {
if(this.online == true){
this.refreshdata(this.result.sid);
this.loadingrefreshdashboard();
}
if(this.offline == true){
this.offlineRefreshAlert();
}
}
}
]
});
alert.present();
}
}
}
Мой файл SASS (CSS)
.alertLogCss{
background-color: white;
color: red;
font-size: 4px;
button{
color: red;
font-size: 5px;
}
}