ionic2에서 이온 선택 팝업 너비와 높이를 사용자 정의하는 방법

Question

ion-select에서 열린 팝업의 너비와 높이를 사용자 정의하고자합니다. 인터넷에서 검색을 시도하고 CSS를 사용자 정의 할 수있는 몇 가지 솔루션을 찾았습니다. scss 파일에서 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; 
    } 

나는 이온 선택을위한 이온 성 문서에이에 관련된 아무것도 찾을 수 없습니다. 이 기능을 어떻게 구현할 수 있습니까? 당신의 variables.scss 파일에서

Answer 1

다음 줄을 추가합니다

$ 경고-IOS-내용 최대 높이 :! 700 픽셀 기본; $ alert-md-content-max-height : 400px! default;

필요에 따라 최대 높이를 변경할 수 있습니다.