Изменение стилей и модификация текста контроллера оповещений в ionic 2 - PullRequest
0 голосов
/ 31 мая 2018

enter image description here

На самом деле мой контроллер предупреждений "Заголовок" слишком длинный, поэтому я хочу изменить размер текста, и я добавил класс 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;
  }
}

1 Ответ

0 голосов
/ 31 мая 2018

Вы должны добавить css из этого блока scss страницы

.alertLogCss{
    background-color: white;
    color: red;
    font-size: 4px;
    button{
        color: red !important;
        font-size: 10px;
        text-transform: lowercase !important;
    }
  }

Поместить в app.scss

...