beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix(discovery-tab): constrain width of album name in albums section

Browse source
This commit is contained in:
ashilkn 2024-03-02 12:40:51 +05:30
parent 39b4e9b694
commit 71ad1ee1dd
1 changed files with 33 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
mobile/lib/ui/viewer/search_tab/albums_section.dart
View file

@ -131,6 +131,7 @@ class _AlbumsSectionState extends State<AlbumsSection> {
}
class AlbumRecommendation extends StatelessWidget {
static const _width = 100.0;
final AlbumSearchResult albumSearchResult;
const AlbumRecommendation(this.albumSearchResult, {super.key});
@ -159,7 +160,7 @@ class AlbumRecommendation extends StatelessWidget {
radius:
SmoothBorderRadius(cornerRadius: 2.35, cornerSmoothing: 1),
child: SizedBox(
width: 100,
width: _width,
height: 100,
child: albumSearchResult.previewThumbnail() != null
? Hero(
@ -174,35 +175,38 @@ class AlbumRecommendation extends StatelessWidget {
),
),
const SizedBox(height: 2),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
albumSearchResult.name(),
style: enteTextTheme.small,
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
const SizedBox(height: 3),
FutureBuilder(
future: CollectionsService.instance.getFileCount(
albumSearchResult.collectionWithThumbnail.collection,
ConstrainedBox(
constraints: const BoxConstraints(maxWidth: _width),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
albumSearchResult.name(),
style: enteTextTheme.small,
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
builder: (context, snapshot) {
if (snapshot.hasData &&
snapshot.data != null &&
snapshot.data != 0) {
return Text(
snapshot.data.toString(),
style: enteTextTheme.smallMuted,
);
} else {
return const SizedBox.shrink();
}
},
),
],
const SizedBox(height: 3),
FutureBuilder(
future: CollectionsService.instance.getFileCount(
albumSearchResult.collectionWithThumbnail.collection,
),
builder: (context, snapshot) {
if (snapshot.hasData &&
snapshot.data != null &&
snapshot.data != 0) {
return Text(
snapshot.data.toString(),
style: enteTextTheme.smallMuted,
);
} else {
return const SizedBox.shrink();
}
},
),
],
),
),
],
),