AppFlowy-IO/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-09-11 19:17:43 +03:00
Code Issues 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

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

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