yujunjun/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2025-10-29 00:51:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: database row page breadcrumbs on smaller screens (#5289)

Browse Source
This commit is contained in:
Richard Shiue 2024-05-08 22:05:50 +08:00 committed by GitHub
parent eeddf341e1
commit dbbdc13d96
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 22 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
frontend/appflowy_flutter/lib/plugins/database_document/presentation/database_document_title.dart
View File

@ -54,12 +54,7 @@ class ViewTitleBarWithRow extends StatelessWidget {
return Visibility( return Visibility(
visible: maxWidth < constraints.maxWidth, visible: maxWidth < constraints.maxWidth,
// if the width is too small, only show one view title bar without the ancestors // if the width is too small, only show one view title bar without the ancestors
replacement: _ViewTitle( replacement: _buildRowName(),
key: ValueKey(state.ancestors.last),
view: state.ancestors.last,
maxTitleWidth: constraints.maxWidth - 50.0,
onUpdated: () {},
),
child: Row( child: Row(
// refresh the view title bar when the ancestors changed // refresh the view title bar when the ancestors changed
key: ValueKey(state.ancestors.hashCode), key: ValueKey(state.ancestors.hashCode),
@ -104,43 +99,40 @@ class ViewTitleBarWithRow extends StatelessWidget {
} }
Widget _buildRowName() { Widget _buildRowName() {
return BlocBuilder<DatabaseDocumentTitleBloc, DatabaseDocumentTitleState>(
builder: (context, state) {
if (state.databaseController == null) {
return const SizedBox.shrink();
}
return _RowName( return _RowName(
cellBuilder: EditableCellBuilder(
databaseController: state.databaseController!,
),
primaryFieldId: state.fieldId!,
rowId: rowId, rowId: rowId,
); );
},
);
} }
} }
class _RowName extends StatelessWidget { class _RowName extends StatelessWidget {
const _RowName({ const _RowName({
required this.cellBuilder,
required this.primaryFieldId,
required this.rowId, required this.rowId,
}); });
final EditableCellBuilder cellBuilder;
final String primaryFieldId;
final String rowId; final String rowId;
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return BlocBuilder<DatabaseDocumentTitleBloc, DatabaseDocumentTitleState>(
builder: (context, state) {
if (state.databaseController == null) {
return const SizedBox.shrink();
}
final cellBuilder = EditableCellBuilder(
databaseController: state.databaseController!,
);
return cellBuilder.buildCustom( return cellBuilder.buildCustom(
CellContext( CellContext(
fieldId: primaryFieldId, fieldId: state.fieldId!,
rowId: rowId, rowId: rowId,
), ),
skinMap: EditableCellSkinMap(textSkin: _TitleSkin()), skinMap: EditableCellSkinMap(textSkin: _TitleSkin()),
); );
},
);
} }
} }
@ -220,12 +212,10 @@ enum _ViewTitleBehavior {
class _ViewTitle extends StatefulWidget { class _ViewTitle extends StatefulWidget {
const _ViewTitle({ const _ViewTitle({
super.key,
required this.view, required this.view,
this.behavior = _ViewTitleBehavior.editable, this.behavior = _ViewTitleBehavior.editable,
this.maxTitleWidth = 180,
required this.onUpdated, required this.onUpdated,
}); }) : maxTitleWidth = 180;
final ViewPB view; final ViewPB view;
final _ViewTitleBehavior behavior; final _ViewTitleBehavior behavior;