mirror of
https://github.com/GopeedLab/gopeed.git
synced 2026-11-06 08:30:29 +00:00
fix(ui): let the update status chip shrink instead of overflow
Long translations (e.g. Italian, Tamil) could exceed the card title row on minimum-width cards. The chip is now flex-sized and its label ellipsizes, so the title and chip degrade gracefully at any width and locale.
This commit is contained in:
1 parent
51b7abed48
commit
948f6d5487
4 files changed
+21
-9
No files matched your search
@@ -994,10 +994,12 @@ class _ExtensionCard extends ConsumerWidget {
|
||||
),
|
||||
),
|
||||
if (canUpdate && installed != null)
|
||||
ExtensionUpdateStatus(
|
||||
key: ValueKey('extension-card-update-status-${item.id}'),
|
||||
label: context.l10n.extensionCanUpdate,
|
||||
onTap: busy ? null : () => showExtensionUpdateDialog(context, installed),
|
||||
Flexible(
|
||||
child: ExtensionUpdateStatus(
|
||||
key: ValueKey('extension-card-update-status-${item.id}'),
|
||||
label: context.l10n.extensionCanUpdate,
|
||||
onTap: busy ? null : () => showExtensionUpdateDialog(context, installed),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
+7
-3
@@ -23,9 +23,13 @@ class ExtensionUpdateStatus extends StatelessWidget {
|
||||
),
|
||||
if (label != null) ...[
|
||||
const SizedBox(width: 5),
|
||||
Text(
|
||||
label!,
|
||||
style: TextStyle(color: palette.textPrimary, fontSize: 11.5, fontWeight: FontWeight.w600),
|
||||
Flexible(
|
||||
child: Text(
|
||||
label!,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(color: palette.textPrimary, fontSize: 11.5, fontWeight: FontWeight.w600),
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
|
||||
@@ -98,7 +98,10 @@ class AppDetailDrawer extends StatelessWidget {
|
||||
),
|
||||
),
|
||||
),
|
||||
if (titleTrailing != null) ...[const SizedBox(width: 8), titleTrailing!],
|
||||
if (titleTrailing != null) ...[
|
||||
const SizedBox(width: 8),
|
||||
Flexible(child: titleTrailing!),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
@@ -66,7 +66,10 @@ class AppDetailPage extends StatelessWidget {
|
||||
style: TextStyle(color: palette.textPrimary, fontSize: 17, fontWeight: FontWeight.w700),
|
||||
),
|
||||
),
|
||||
if (titleTrailing != null) ...[const SizedBox(width: 8), titleTrailing!],
|
||||
if (titleTrailing != null) ...[
|
||||
const SizedBox(width: 8),
|
||||
Flexible(child: titleTrailing!),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
Reference in new issue
Block a user