Skip to content

Commit 7391ddd

Browse files
mmehmetAliIzciWesley
authored andcommitted
Add necessary styles, add vertical styles
1 parent 28fd798 commit 7391ddd

File tree

2 files changed

+14
-2
lines changed

2 files changed

+14
-2
lines changed

styles/native/ts/core/widgets/dropdown.ts

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,9 @@ export const DropDown: DropDownType = {
4848
/* New dropdown styles start */
4949
valueContainer: {
5050
// All ViewStyle properties & rippleColor are allowed
51+
flexDirection: "row",
52+
justifyContent: "space-between",
53+
alignItems: "center",
5154
borderWidth: input.borderWidth,
5255
borderRadius: input.borderRadius,
5356
borderColor: input.borderColor,
@@ -118,12 +121,15 @@ export const DropDownVertical: DropDownType = {
118121
label: TextBoxVertical.label,
119122
labelDisabled: TextBoxVertical.labelDisabled,
120123
value: DropDown.value,
121-
valueContainer: DropDown.valueContainer,
124+
valueFocused: DropDown.valueFocused,
122125
valueContainerDisabled: DropDown.valueContainerDisabled,
123126
validationMessage: TextBoxVertical.validationMessage,
127+
valueContainer: DropDown.valueContainer,
128+
valueContainerFocused: DropDown.valueContainerFocused,
124129
menuWrapper: DropDown.menuWrapper,
125130
itemContainer: DropDown.itemContainer,
126131
item: DropDown.item,
132+
iconStyle: DropDown.iconStyle,
127133
useUniformDesign: DropDown.useUniformDesign,
128134
pickerIOS: DropDown.pickerIOS,
129135
pickerItemIOS: DropDown.pickerItemIOS,

styles/native/ts/core/widgets/referenceselector.ts

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,9 @@ export const ReferenceSelector: DropDownType = {
5050
/* New dropdown styles start */
5151
valueContainer: {
5252
// All ViewStyle properties & rippleColor are allowed
53+
flexDirection: "row",
54+
justifyContent: "space-between",
55+
alignItems: "center",
5356
borderWidth: input.borderWidth,
5457
borderRadius: input.borderRadius,
5558
borderColor: input.borderColor,
@@ -120,12 +123,15 @@ export const ReferenceSelectorVertical: DropDownType = {
120123
label: TextBoxVertical.label,
121124
labelDisabled: TextBoxVertical.labelDisabled,
122125
value: DropDown.value,
123-
valueContainer: DropDown.valueContainer,
126+
valueFocused: DropDown.valueFocused,
124127
valueContainerDisabled: DropDown.valueContainerDisabled,
125128
validationMessage: TextBoxVertical.validationMessage,
129+
valueContainer: DropDown.valueContainer,
130+
valueContainerFocused: DropDown.valueContainerFocused,
126131
menuWrapper: DropDown.menuWrapper,
127132
itemContainer: DropDown.itemContainer,
128133
item: DropDown.item,
134+
iconStyle: DropDown.iconStyle,
129135
useUniformDesign: DropDown.useUniformDesign,
130136
pickerIOS: DropDown.pickerIOS,
131137
pickerItemIOS: DropDown.pickerItemIOS,

0 commit comments

Comments
 (0)