ionic2でイオン選択ポップアップの幅と高さをカスタマイズする方法

Question

ion-selectから開いたポップアップの幅と高さをカスタマイズしたいと考えています。インターネットで検索しようとすると、CSSをカスタマイズするいくつかのソリューションが見つかりました。 CSSの下のCSSファイルを試してみましたが、どれもうまくいきませんでした。アプリはタブレットで使用されているので、デフォルトの高さがそれほど高くないので、ポップアップの幅の50％を使い切って高さをカスタマイズしたい。

<ion-item> 
    <ion-label>Popup Test</ion-label> 
    <ion-select> 
     <ion-option *ngFor="let item of items" value="{{item.value}}" >{{item.value}}</ion-option> 
    </ion-select> 
</ion-item> 

SCSS：

ion-select { 
     width: 100%; 
     max-width: 100%; 
     display: flex;; 
     overflow: hidden; 
     color: #808080; 
    } 

    .item{ 
    border-radius: 10px; 
    padding-left: 0px; 
    margin-left: 0px; 
    } 
    .alert-ios { 
    border-radius: 10px; 
    width: 50%; 
    max-width: 50%; 
    } 

    .alert-wrapper { 
    border-radius: 10px; 
    width: 50%; 
    max-width: 50%; 
    } 

    .alert-radio-label { 
    white-space: normal!important; 
    } 

Iは、イオン選択のためのイオンドキュメントでこれに関連する何かを見つけることができませんでした。 この機能を実現するにはどうすれば教えてください。あなたのvariables.scssファイルで

Answer 1

次の行を追加します。

$警告-IOS-コンテンツ-MAX-高さ：！700pxデフォルト。 $ alert-md-content-max-height：400px！default;

必要に応じて最大高さを変更できます。