CalvinBackup/SpotiFLAC-Mobile
1
0
Fork 0
mirror of https://github.com/zarzet/SpotiFLAC-Mobile.git synced 2026-07-25 21:40:57 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(queue): prevent header row overflow on narrow screens

Browse Source 
The track/album count header rows sized their text and action buttons
at natural width; on narrow layouts (or long localized labels) the
row overflowed by a few pixels. The count text and the create-playlist
button label now flex and ellipsize instead.
This commit is contained in:
zarzet
2026-07-10 10:36:02 +07:00
parent b4f66ff4eb
commit a8cc42ed30
1 changed files with 48 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/screens/queue_tab_filter_widgets.dart
+48 -24
View File
@@ -209,22 +209,32 @@ extension _QueueTabFilterWidgets on _QueueTabState {
padding: const EdgeInsets.fromLTRB(16, 8, 16, 8),
child: Row(
children: [
Text(
context.l10n.queueTrackCount(totalTrackCount),
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
color: colorScheme.onSurfaceVariant,
Flexible(
child: Text(
context.l10n.queueTrackCount(totalTrackCount),
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
color: colorScheme.onSurfaceVariant,
),
),
),
const Spacer(),
if (!_isSelectionMode)
_buildFilterButton(context, unifiedItems),
if (!_isSelectionMode && filteredUnifiedItems.isNotEmpty)
TextButton.icon(
onPressed: () => _showCreatePlaylistDialog(context),
icon: const Icon(Icons.add, size: 20),
label: Text(context.l10n.collectionCreatePlaylist),
style: TextButton.styleFrom(
visualDensity: VisualDensity.compact,
Flexible(
child: TextButton.icon(
onPressed: () => _showCreatePlaylistDialog(context),
icon: const Icon(Icons.add, size: 20),
label: Text(
context.l10n.collectionCreatePlaylist,
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
style: TextButton.styleFrom(
visualDensity: VisualDensity.compact,
),
),
),
],
@@ -240,10 +250,14 @@ extension _QueueTabFilterWidgets on _QueueTabState {
padding: const EdgeInsets.fromLTRB(16, 8, 16, 8),
child: Row(
children: [
Text(
context.l10n.queueAlbumCount(totalAlbumCount),
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
color: colorScheme.onSurfaceVariant,
Flexible(
child: Text(
context.l10n.queueAlbumCount(totalAlbumCount),
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
color: colorScheme.onSurfaceVariant,
),
),
),
const Spacer(),
@@ -518,22 +532,32 @@ extension _QueueTabFilterWidgets on _QueueTabState {
padding: const EdgeInsets.fromLTRB(16, 8, 16, 8),
child: Row(
children: [
Text(
context.l10n.queueTrackCount(totalTrackCount),
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
color: colorScheme.onSurfaceVariant,
Flexible(
child: Text(
context.l10n.queueTrackCount(totalTrackCount),
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
color: colorScheme.onSurfaceVariant,
),
),
),
const Spacer(),
if (!_isSelectionMode)
_buildFilterButton(context, unifiedItems),
if (!_isSelectionMode && filteredUnifiedItems.isNotEmpty)
TextButton.icon(
onPressed: () => _showCreatePlaylistDialog(context),
icon: const Icon(Icons.add, size: 20),
label: Text(context.l10n.collectionCreatePlaylist),
style: TextButton.styleFrom(
visualDensity: VisualDensity.compact,
Flexible(
child: TextButton.icon(
onPressed: () => _showCreatePlaylistDialog(context),
icon: const Icon(Icons.add, size: 20),
label: Text(
context.l10n.collectionCreatePlaylist,
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
style: TextButton.styleFrom(
visualDensity: VisualDensity.compact,
),
),
),
],