Дайте стиль для отображения полных кнопок на AlertController, когда он имеет 2 входа - PullRequest
Новая
       8

Дайте стиль для отображения полных кнопок на AlertController, когда он имеет 2 входа

0 голосов
/ 27 ноября 2018

Я использую AlertController с 2 полями ввода.Благодаря этому я вижу только половину кнопок.Итак, как мне сделать так, чтобы отображались полные кнопки, когда на устройстве открыта клавиатура?

Я пробовал это: Но это никогда не применяется во время выполнения.

1.scss 

   .alert-button-group {
        margin-top: -25px !important;
    }

enter image description here

.ts 

myAlert(){

const alert = this.alertCtrl.create({
      title: this.enterApiKeyText,
      inputs: [
        {
          name: 'apiKey',
          placeholder: this.apiKey
        },
        {
          name: 'apiName',
          placeholder: this.apiName
        },
      ],
      buttons: [
        {
          text: 'Cancel',
          handler: data => {
          }
        },
        {
          text: 'Save',
          handler: (data) => {           

            }
          }
        }
      ]
    });
    alert.present();
}

.html 

<ion-row>
    <ion-col col-3 tappable (click)="myAlert()">
      <button ion-fab mini>
        <ion-icon name="add"></ion-icon>
      </button>
    </ion-col>
  </ion-row>

1 Ответ

0 голосов
/ 28 ноября 2018

Я нашел решение.

Документ здесь .

variables.scss 

$alert-md-message-padding-bottom:0;
$alert-ios-message-padding-bottom:0;
...