Как применить свойство css border-radius на ion-menu в ionic 4?

Question

Я создаю приложение Ionic 4 Angular, в котором я использую ion-menu для отображения пунктов меню. Как применить CSS-свойства border-top-right-radius и border-bottom-right-radius в меню ion? Ниже изображение показывает, что именно я хочу. Вот ссылка на документацию по ионному меню.

Answer 1

Вы думаете, что достигните того, чего хотите:

global.scss

ion-menu{
    --ion-toolbar-background: grey;
    ion-list{
         border: 2px solid grey !important;
    padding: 10px !important;
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
    background: grey !important;


    }
    ion-item{
        --background: grey !important;
        --color: #fff;
    }
}

Answer 2

Вы пробовали это?

.ion-item-border {
 border-radius: 20px !important;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-top: 5px; 
}