fix: padding for edit field (#1400)

This commit is contained in:
Nathan.fooo
2022-10-30 19:31:53 +08:00
committed by GitHub
parent fa4e3d0d2a
commit 3fbcd928db
5 changed files with 30 additions and 27 deletions

View File

@ -53,20 +53,23 @@ class _SelectOptionCellEditorState extends State<SelectOptionCellEditor> {
)..add(const SelectOptionEditorEvent.initial()), )..add(const SelectOptionEditorEvent.initial()),
child: BlocBuilder<SelectOptionCellEditorBloc, SelectOptionEditorState>( child: BlocBuilder<SelectOptionCellEditorBloc, SelectOptionEditorState>(
builder: (context, state) { builder: (context, state) {
return CustomScrollView( return Padding(
shrinkWrap: true, padding: const EdgeInsets.all(6.0),
slivers: [ child: CustomScrollView(
SliverToBoxAdapter( shrinkWrap: true,
child: _TextField(popoverMutex: popoverMutex), slivers: [
), SliverToBoxAdapter(
const SliverToBoxAdapter(child: VSpace(6)), child: _TextField(popoverMutex: popoverMutex),
const SliverToBoxAdapter(child: TypeOptionSeparator()), ),
const SliverToBoxAdapter(child: VSpace(6)), const SliverToBoxAdapter(child: VSpace(6)),
const SliverToBoxAdapter(child: _Title()), const SliverToBoxAdapter(child: TypeOptionSeparator()),
SliverToBoxAdapter( const SliverToBoxAdapter(child: VSpace(6)),
child: _OptionList(popoverMutex: popoverMutex), const SliverToBoxAdapter(child: _Title()),
), SliverToBoxAdapter(
], child: _OptionList(popoverMutex: popoverMutex),
),
],
),
); );
}, },
), ),

View File

@ -168,7 +168,6 @@ class FieldCellButton extends StatelessWidget {
.replaceAll(Characters(''), Characters('\u{200B}')) .replaceAll(Characters(''), Characters('\u{200B}'))
.toString(); .toString();
return FlowyButton( return FlowyButton(
radius: BorderRadius.zero,
hoverColor: theme.shader6, hoverColor: theme.shader6,
onTap: onTap, onTap: onTap,
leftIcon: svgWidget(field.fieldType.iconName(), color: theme.iconColor), leftIcon: svgWidget(field.fieldType.iconName(), color: theme.iconColor),

View File

@ -63,10 +63,13 @@ class SelectOptionTypeOptionEditor extends StatelessWidget {
return SizedBox( return SizedBox(
width: 160, width: 160,
child: CustomScrollView( child: Padding(
slivers: slivers, padding: const EdgeInsets.all(6.0),
controller: ScrollController(), child: CustomScrollView(
physics: StyledScrollPhysics(), slivers: slivers,
controller: ScrollController(),
physics: StyledScrollPhysics(),
),
), ),
); );
}, },

View File

@ -59,7 +59,7 @@ class _RowDetailPageState extends State<RowDetailPage> {
child: Column( child: Column(
children: [ children: [
SizedBox( SizedBox(
height: 40, height: 30,
child: Row( child: Row(
children: const [Spacer(), _CloseButton()], children: const [Spacer(), _CloseButton()],
), ),
@ -264,15 +264,14 @@ class _RowDetailCellState extends State<_RowDetailCell> {
behavior: HitTestBehavior.translucent, behavior: HitTestBehavior.translucent,
onTap: () => cell.beginFocus.notify(), onTap: () => cell.beginFocus.notify(),
child: AccessoryHover( child: AccessoryHover(
contentPadding: contentPadding: const EdgeInsets.symmetric(horizontal: 3, vertical: 3),
const EdgeInsets.symmetric(horizontal: 10, vertical: 12),
child: cell, child: cell,
), ),
); );
return IntrinsicHeight( return IntrinsicHeight(
child: ConstrainedBox( child: ConstrainedBox(
constraints: const BoxConstraints(minHeight: 40), constraints: const BoxConstraints(minHeight: 30),
child: Row( child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch, crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
@ -287,9 +286,7 @@ class _RowDetailCellState extends State<_RowDetailCell> {
child: FieldCellButton( child: FieldCellButton(
maxLines: null, maxLines: null,
field: widget.cellId.fieldContext.field, field: widget.cellId.fieldContext.field,
onTap: () { onTap: () => popover.show(),
popover.show();
},
), ),
), ),
), ),

View File

@ -31,7 +31,8 @@ class FlowyButton extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return InkWell( return GestureDetector(
behavior: HitTestBehavior.opaque,
onTap: onTap, onTap: onTap,
child: FlowyHover( child: FlowyHover(
style: HoverStyle( style: HoverStyle(