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

feat(segment-button): add --indicator-height property to segment button (#19653)

Browse Source
This commit is contained in:
Nikos Douvlis
2020-01-23 22:55:57 +02:00
committed by Brandy Carney
parent b59d7647fd
commit d76a5031c4
6 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -197,24 +197,27 @@
* This tests that the colors are able to be overridden on
* a segment inside of a toolbar
*
* Indicator color / ripple color can be set on ion-segment
* Ripple color can be set on ion-segment
*
* Backgrounds / colors for the button must be set on the
* ion-segment-button
*/
.custom-checked {
--ripple-color: purple;
--indicator-color: purple;
}
.ios .custom-checked ion-segment-button {
--color-checked: white;
--color-checked: magenta;
--indicator-color: red;
--indicator-height: 50%;
}
.md .custom-checked ion-segment-button {
--background-hover: rgba(17, 228, 10, 0.5);
--color-checked: purple;
--color-hover: blue;
--indicator-color: red;
--indicator-height: 5px;
}
/*