TF-4004 Avoid overflow when text too long inside a row

This commit is contained in:
dab246
2025-09-15 01:31:47 +07:00
committed by Dat H. Pham
parent c12a3b4ecf
commit 14fa8acee5
2 changed files with 12 additions and 6 deletions
@@ -70,12 +70,14 @@ class ConfirmDialogButton extends StatelessWidget {
: iconColor?.asFilter() ?? AppColor.primaryMain.asFilter(),
),
const SizedBox(width: 8),
Text(
label,
style: textStyle ?? ThemeUtils.textStyleM3LabelLarge(color: textColor),
maxLines: 1,
overflow: TextOverflow.ellipsis,
)
Flexible(
child: Text(
label,
style: textStyle ?? ThemeUtils.textStyleM3LabelLarge(color: textColor),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
),
],
),
);
@@ -26,6 +26,7 @@ class NoRulesWidget extends StatelessWidget {
Widget build(BuildContext context) {
final appLocalizations = AppLocalizations.of(context);
final isMobile = responsiveUtils.isMobile(context);
final isDesktop = responsiveUtils.isDesktop(context);
return Expanded(
child: Container(
@@ -63,6 +64,9 @@ class NoRulesWidget extends StatelessWidget {
Container(
constraints: const BoxConstraints(minWidth: 230),
height: 48,
padding: EdgeInsetsDirectional.symmetric(
horizontal: isDesktop ? 0 : 16,
),
child: ConfirmDialogButton(
label: AppLocalizations.of(context).createMyFirstRule,
backgroundColor: Colors.white,