Increase the width of ionic select

Ionic Framework ionic-v3
1

image

I want to increase the width of the ionic select so that it can display the whole label…
Can’t seem to find the correct CSS style for doing that yet.

tried:

// ion-label
// {
//     width:100px;
// }
2

Okay I found the solution, the framework was overriding it like crazy. I put in my local scss file and added !important still doesn’t work. until

I put inside of the variable.scss. I guess it’s higher level than local page scss.

then I did

.popover-content
{
    left:80px !important;
    width: 290px !important; 
}

to adjust not only the width but also the positions

3

See: https://robferguson.org/blog/2017/11/12/theming-your-ionic-3-app/