-
Notifications
You must be signed in to change notification settings - Fork 4.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Mobile] Create cover block with custom colour (without an image) #23870
Changes from 1 commit
c608052
508f015
96b1582
8c13787
6e83663
3919a7d
a2eee4b
83668c7
c71346a
a41dc37
0cbe0c1
a0cd93b
30d5ccb
7aec919
a152a4a
53d5435
787b462
9929516
485cef9
91ff055
3babed3
a6a1f3f
97cc951
ecf4147
60f248d
9036c9e
7d6219f
201c7d6
77b06a8
65fc25e
be77f4f
2bfd357
e5d0a77
56449db
8d2237d
7179432
d8fbac9
dc664fb
0a37400
0a72e9f
7a4f90d
8e2c894
537211c
df25f6b
054a6b5
852f9a4
f529dae
a623b1b
b4ab716
979e8d4
a416741
2ae97d2
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
This reverts commit 7d6219f.
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -43,6 +43,7 @@ function ColorPalette( { | |
shouldShowCustomIndicatorOption = true, | ||
shouldShowCustomLabel = true, | ||
customColorIndicatorStyles, | ||
customIndicatorWrapperStyles, | ||
} ) { | ||
const customSwatchGradients = [ | ||
'linear-gradient(120deg, rgba(255,0,0,.8), 0%, rgba(255,255,255,1) 70.71%)', | ||
|
@@ -237,7 +238,10 @@ function ColorPalette( { | |
} ) } | ||
{ shouldShowCustomIndicator && ( | ||
<View | ||
style={ styles.customIndicatorWrapper } | ||
style={ [ | ||
styles.customIndicatorWrapper, | ||
customIndicatorWrapperStyles, | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Can we move it to the const since the same styles are used also in other There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Thank you for reviewing this @lukewalczak :) |
||
] } | ||
onLayout={ onCustomIndicatorLayout } | ||
> | ||
<View style={ verticalSeparatorStyle } /> | ||
|
@@ -247,7 +251,12 @@ function ColorPalette( { | |
accessibilityState={ { selected: isSelectedCustom() } } | ||
accessibilityHint={ accessibilityHint } | ||
> | ||
<View style={ styles.customIndicatorWrapper }> | ||
<View | ||
style={ [ | ||
styles.customIndicatorWrapper, | ||
customIndicatorWrapperStyles, | ||
] } | ||
> | ||
<ColorIndicator | ||
withCustomPicker={ ! isGradientSegment } | ||
color={ customIndicatorColor } | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.