Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
feat: allow to change min-width of ion-segment-button
See original GitHub issueFeature Request
Ionic version: [x] 4.x
Describe the Feature Request I would like to change the min-width of a ion-segment-button, and now there is hard-coded value on .button-native (90px for md and 70px for ios) that prevents any changes from outside.
When I change min-width on ion-segment-button it only changes the width of the container, but .button-native stays larger, which causes the icon to be uncentered and also the ripple effect becomes wrong :
ion-segment-button {
min-width: 48px;
}
Describe Preferred Solution
Adding variable --min-width to ion-segment-button and use it for .button-native would resolve this.
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:12 (3 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Any news on this? Btw i ask for v5. (becuase in topic is v4 tagged) we was forced to implement material lib just to use <mat-tab> because this issue… I think webcomponents are still not ready for use in production before there is a way to overwrite all default styles.
You never know. Today everything is good, tomorrow the customer comes and wants something changed. Then you have to explain to him that things that have been going on since the invention of CSS are suddenly no longer possible because of webcomponents.
I agree on “scrolling is just bad UI” when you only have some icons and just 6 items to show. In my case scrolling is not required whatsoever. Any fix/workaround on this?