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: Filter UI popover pixels overflow with dynamic width and height (#2554)

Browse Source 
Co-authored-by: gitstart <gitstart@users.noreply.github.com>
This commit is contained in:
GitStart 2023-07-14 12:06:32 +03:00 committed by GitHub
parent f9e7b5ffa4
commit e69e72e3bd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/choicechip/text.dart
View File

@ -117,9 +117,15 @@ class _TextFilterEditorState extends State<TextFilterEditor> {
height: 20, height: 20,
child: Row( child: Row(
children: [ children: [
FlowyText(state.filterInfo.fieldInfo.name), Expanded(
child: FlowyText(
state.filterInfo.fieldInfo.name,
overflow: TextOverflow.ellipsis,
),
),
const HSpace(4), const HSpace(4),
TextFilterConditionPBList( Expanded(
child: TextFilterConditionPBList(
filterInfo: state.filterInfo, filterInfo: state.filterInfo,
popoverMutex: popoverMutex, popoverMutex: popoverMutex,
onCondition: (condition) { onCondition: (condition) {
@ -128,7 +134,8 @@ class _TextFilterEditorState extends State<TextFilterEditor> {
.add(TextFilterEditorEvent.updateCondition(condition)); .add(TextFilterEditorEvent.updateCondition(condition));
}, },
), ),
const Spacer(), ),
const HSpace(4),
DisclosureButton( DisclosureButton(
popoverMutex: popoverMutex, popoverMutex: popoverMutex,
onAction: (action) { onAction: (action) {

1
frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/condition_button.dart
View File

@ -32,6 +32,7 @@ class ConditionButton extends StatelessWidget {
conditionName, conditionName,
fontSize: 10, fontSize: 10,
color: AFThemeExtension.of(context).textColor, color: AFThemeExtension.of(context).textColor,
overflow: TextOverflow.ellipsis,
), ),
margin: const EdgeInsets.symmetric(horizontal: 4), margin: const EdgeInsets.symmetric(horizontal: 4),
radius: const BorderRadius.all(Radius.circular(2)), radius: const BorderRadius.all(Radius.circular(2)),