@@ -93,7 +93,7 @@ class _FormInputPickOptionWidgetState extends State<_FormInputPickOptionWidget>
93
93
items.add (
94
94
DropdownMenuItem <String >(
95
95
value: fiItem.key,
96
- child: _buildItem (context, fiItem),
96
+ child: _buildItem (context, fiItem, false ),
97
97
),
98
98
);
99
99
}
@@ -138,7 +138,7 @@ class _FormInputPickOptionWidgetState extends State<_FormInputPickOptionWidget>
138
138
selectedItems.add (
139
139
Padding (
140
140
padding: context.paddingM_0,
141
- child: _buildItem (context, fiItem),
141
+ child: _buildItem (context, fiItem, true ),
142
142
),
143
143
);
144
144
}
@@ -187,44 +187,46 @@ class _FormInputPickOptionWidgetState extends State<_FormInputPickOptionWidget>
187
187
);
188
188
}
189
189
190
- Widget _buildItem (BuildContext context, FormsInputPickOptionItem item)
190
+ Widget _buildItem (BuildContext context, FormsInputPickOptionItem item, bool selected )
191
191
{
192
192
if (item.color == null )
193
193
{
194
- return _buildItemInfo (context, item);
194
+ return _buildItemInfo (context, item, selected );
195
195
}
196
196
197
197
return Row (
198
198
children: [
199
199
Container (
200
- width: context.dimensions.iconSizeM,
201
- height: context.dimensions.iconSizeM,
200
+ width: selected ? context.dimensions.iconSizeS : context.dimensions.iconSizeM,
201
+ height: selected ? context.dimensions.iconSizeS : context.dimensions.iconSizeM,
202
202
decoration: BoxDecoration (
203
203
color: item.color,
204
204
borderRadius: BorderRadius .circular (100 ),
205
205
boxShadow: [context.highlights.boxShadowM],
206
206
),
207
207
),
208
208
209
- context.spaceS,
209
+ selected ? context.spaceS : context.spaceM ,
210
210
211
- _buildItemInfo (context, item),
211
+ _buildItemInfo (context, item, selected ),
212
212
],
213
213
);
214
214
}
215
215
216
- Widget _buildItemInfo (BuildContext context, FormsInputPickOptionItem item)
216
+ Widget _buildItemInfo (BuildContext context, FormsInputPickOptionItem item, bool selected )
217
217
{
218
218
if (item.subtitle.isNullOrEmpty)
219
219
{
220
- return _buildItemTitle (context, item.title);
220
+ return _buildItemTitle (context, item.title, selected );
221
221
}
222
222
223
223
return Column (
224
224
crossAxisAlignment: CrossAxisAlignment .start,
225
225
children: [
226
- _buildItemTitle (context, item.title),
227
- context.spaceXXS,
226
+ _buildItemTitle (context, item.title, selected),
227
+
228
+ if (! selected) context.spaceXXS,
229
+
228
230
TextBody .small (item.subtitle! ,
229
231
color: context.colors.onSurfaceLessFocus,
230
232
italic: true ,
@@ -233,8 +235,15 @@ class _FormInputPickOptionWidgetState extends State<_FormInputPickOptionWidget>
233
235
);
234
236
}
235
237
236
- Widget _buildItemTitle (BuildContext context, String title)
238
+ Widget _buildItemTitle (BuildContext context, String title, bool selected )
237
239
{
240
+ if (selected)
241
+ {
242
+ return TextBody .small (title,
243
+ color: context.colors.onSurface,
244
+ );
245
+ }
246
+
238
247
return TextBody .medium (title,
239
248
color: context.colors.onSurface,
240
249
);
0 commit comments