Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

ui(dialogs): make destructive query and DML preview dialogs adaptive and prevent table name overflow

Closed Beginner friendly
  • Is something wrong?
#1,642 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
82/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
dart, flutter
Domain
desktop, frontend

Research direction

Read lib/features/workspace/destructive_query_dialog.dart and lib/features/workspace/dml_preview_dialog.dart, then check how WindowLayout.dialogConstraints(context) and WindowLayout.dialogSymmetricInsets(context) are used elsewhere. Update the dialog sizing and constrain the DML preview table name as described; done means both dialogs fit compact or scaled windows and long table names no longer overflow.

Written by the indexing model from the issue text.

Description

bug frontend
Problem

  1. Non-adaptive dialog constraints:
    In lib/features/workspace/destructive_query_dialog.dart, the dialog card uses hardcoded fixed constraints:

    constraints: const material.BoxConstraints(
  minWidth: 540,
  maxWidth: 680,
  minHeight: 440,
  maxHeight: 580,
),
child: material.FocusTraversalGroup(
  child: material.SizedBox(height: 540, ...),

    It does not use WindowLayout.dialogConstraints(context) or WindowLayout.dialogSymmetricInsets(context). When running on compact window widths (e.g. 520px) or with a UI scale of 1.25x+, the dialog overflows screen bounds.

  2. Unconstrained table name in DML Preview:
    In lib/features/workspace/dml_preview_dialog.dart, the header row displays Text('${widget.plan.schema}.${widget.plan.tableName}') without Flexible and without overflow: TextOverflow.ellipsis. For long table names, it causes horizontal RenderFlex overflow.

Change
  • Migrate destructive_query_dialog.dart to use WindowLayout.dialogConstraints(context) and WindowLayout.dialogSymmetricInsets(context).
  • Wrap the table name in dml_preview_dialog.dart with Flexible(child: Text(..., overflow: TextOverflow.ellipsis)).
Dominant language
Dart
Stars
23
Forks
1
Avg merge
49m
Merged PRs (30d)
496

Getting set up

Open in Codespaces

Starts the project's dev container in your browser, under your own GitHub account.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from QueryaHub/Querya-Desktop

All issues in QueryaHub/Querya-Desktop

Similar issues

More Dart issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.