Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve look of select option list (#1168)

Browse Source
This commit is contained in:
Richard Shiue 2022-10-01 21:13:56 +08:00 committed by GitHub
parent 5e7a54183a
commit 3dc64f3d50
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/select_option_cell/extension.dart
View File

@ -130,14 +130,10 @@ class SelectOptionTagCell extends StatelessWidget {
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Flexible( SelectOptionTag.fromOption(
fit: FlexFit.loose, context: context,
flex: 2, option: option,
child: SelectOptionTag.fromOption( onSelected: () => onSelected(option),
context: context,
option: option,
onSelected: () => onSelected(option),
),
), ),
const Spacer(), const Spacer(),
...children, ...children,

31
frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/select_option_cell/select_option_editor.dart
View File

@ -248,32 +248,25 @@ class _SelectOptionCellState extends State<_SelectOptionCell> {
mutex: widget.popoverMutex, mutex: widget.popoverMutex,
child: SizedBox( child: SizedBox(
height: GridSize.typeOptionItemHeight, height: GridSize.typeOptionItemHeight,
child: Row( child: SelectOptionTagCell(
option: widget.option,
onSelected: (option) {
context
.read<SelectOptionCellEditorBloc>()
.add(SelectOptionEditorEvent.selectOption(option.id));
},
children: [ children: [
Flexible( if (widget.isSelected)
fit: FlexFit.loose, Padding(
child: SelectOptionTagCell( padding: const EdgeInsets.only(right: 6),
option: widget.option, child: svgWidget("grid/checkmark"),
onSelected: (option) {
context
.read<SelectOptionCellEditorBloc>()
.add(SelectOptionEditorEvent.selectOption(option.id));
},
children: [
if (widget.isSelected)
Padding(
padding: const EdgeInsets.only(right: 6),
child: svgWidget("grid/checkmark"),
),
],
), ),
),
FlowyIconButton( FlowyIconButton(
width: 30, width: 30,
onPressed: () => _popoverController.show(), onPressed: () => _popoverController.show(),
iconPadding: const EdgeInsets.fromLTRB(4, 4, 4, 4), iconPadding: const EdgeInsets.fromLTRB(4, 4, 4, 4),
icon: svgWidget("editor/details", color: theme.iconColor), icon: svgWidget("editor/details", color: theme.iconColor),
) ),
], ],
), ),
), ),