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

fix(segment): segment in toolbar uses correct contrast (#26353)

Browse Source 
resolves #26350
This commit is contained in:
Liam DeBeasi
2022-11-23 11:53:01 -05:00
committed by GitHub
parent 4b501fd00c
commit 5a243ccebc
14 changed files with 29 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
core/src/components/segment-button/segment-button.ios.scss
View File

@ -201,9 +201,15 @@
// Segment Button: Toolbar w/ Color
// --------------------------------------------------
// Do not use the global or local CSS variable if the toolbar has a color
// Toolbar with Color, Checked
/**
* Use the contrast color as background since
* since the text color is the base color. Otherwise
* we will have contrast issues when using light/medium/dark
* palettes across light and dark mode.
*/
:host(.in-toolbar-color) .segment-button-indicator-background {
background: #fff;
background: #{current-color(contrast)};
}
// Toolbar with Color, Default Segment