Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

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

Ouverte Adaptée aux débutants
#1,642 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
2/5
Temps estimé
1-3 heures
Accessibilité débutants
82/100
Type d'issue
Bug
Clarté
Clairement spécifiée
Activité
Active
Stack technique
dart, flutter
Domaine
desktop, frontend

Piste de recherche

Lisez lib/features/workspace/destructive_query_dialog.dart et lib/features/workspace/dml_preview_dialog.dart, puis vérifiez comment WindowLayout.dialogConstraints(context) et WindowLayout.dialogSymmetricInsets(context) sont utilisés ailleurs. Mettez à jour le dimensionnement des boîtes de dialogue et contraignez le nom de la table dans l’aperçu DML comme décrit ; le travail est terminé lorsque les deux boîtes de dialogue tiennent dans des fenêtres compactes ou mises à l’échelle et que les noms de table longs ne débordent plus.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

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)).
Langage dominant
Dart
Étoiles
23
Forks
1
Merge moyen
31 min
PR mergées (30 j)
570

Préparer son environnement

Ouvrir dans Codespaces

Lance le conteneur de développement du projet dans votre navigateur, avec votre propre compte GitHub.

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de QueryaHub/Querya-Desktop

Toutes les issues de QueryaHub/Querya-Desktop

Issues similaires

Plus d'issues Dart

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.