mirror of
https://github.com/zoriya/react-native-web.git
synced 2026-05-24 07:09:03 +00:00
[fix] ProgressBar & Switch for High Contrast mode
Prevent these controls from becoming invisible in Windows High Contrast mode by disabling forced color adjustment for these elements. Fix #1606
This commit is contained in:
@@ -71,12 +71,14 @@ ProgressBar.displayName = 'ProgressBar';
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
track: {
|
||||
forcedColorAdjust: 'none',
|
||||
height: 5,
|
||||
overflow: 'hidden',
|
||||
userSelect: 'none',
|
||||
zIndex: 0
|
||||
},
|
||||
progress: {
|
||||
forcedColorAdjust: 'none',
|
||||
height: '100%',
|
||||
zIndex: -1
|
||||
},
|
||||
|
||||
@@ -145,6 +145,7 @@ const styles = StyleSheet.create({
|
||||
cursor: 'inherit'
|
||||
},
|
||||
track: {
|
||||
forcedColorAdjust: 'none',
|
||||
...StyleSheet.absoluteFillObject,
|
||||
height: '70%',
|
||||
margin: 'auto',
|
||||
@@ -152,6 +153,7 @@ const styles = StyleSheet.create({
|
||||
width: '100%'
|
||||
},
|
||||
thumb: {
|
||||
forcedColorAdjust: 'none',
|
||||
alignSelf: 'flex-start',
|
||||
borderRadius: '100%',
|
||||
boxShadow: thumbDefaultBoxShadow,
|
||||
|
||||
Reference in New Issue
Block a user