javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 11:17:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(segment): border radius applies to indicator on ios (#20541)

Browse Source 
fixes #20539
This commit is contained in:
Liam DeBeasi
2020-02-18 13:58:25 -05:00
committed by GitHub
parent e42c85d641
commit 9b5854d797
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/segment/test/custom/index.html
View File

@ -17,7 +17,7 @@
<ion-app>
<ion-header>
<ion-toolbar>
<ion-segment value="Free">
<ion-segment value="Free" id="custom-radius">
<ion-segment-button value="Paid">
<ion-label>Paid</ion-label>
</ion-segment-button>
@ -242,6 +242,12 @@
margin-bottom: 0;
}
#custom-radius ion-segment-button {
--background: rgba(0, 0, 255, 0.1);
--background-checked: rgba(0, 0, 255, 0.3);
--border-radius: 10px;
}
/*
* Custom Checked Segment (Paid, Free, Top)
*