fix tag overflow

This commit is contained in:
deltamaya
2024-10-29 09:27:56 +08:00
parent c2238080df
commit e81f58afc1

View File

@@ -407,7 +407,7 @@ class _ComicDescription extends StatelessWidget {
if (tags != null) if (tags != null)
LayoutBuilder(builder: (context, constraints) { LayoutBuilder(builder: (context, constraints) {
return Container( return Container(
constraints: const BoxConstraints(maxHeight: 45), constraints: const BoxConstraints(maxHeight: 47),
child: Wrap( child: Wrap(
runAlignment: WrapAlignment.start, runAlignment: WrapAlignment.start,
clipBehavior: Clip.antiAlias, clipBehavior: Clip.antiAlias,
@@ -417,25 +417,29 @@ class _ComicDescription extends StatelessWidget {
children: [ children: [
for (var s in tags!) for (var s in tags!)
Container( Container(
padding: const EdgeInsets.fromLTRB(3, 1, 3, 3), height: 22,
padding: const EdgeInsets.fromLTRB(3,2,3,2),
constraints: BoxConstraints( constraints: BoxConstraints(
maxWidth: constraints.maxWidth * 0.45, maxWidth: constraints.maxWidth * 0.45,
), ),
decoration: BoxDecoration( decoration: BoxDecoration(
color: s == "Unavailable" color: s == "Unavailable"
? Theme.of(context).colorScheme.errorContainer ? Theme.of(context).colorScheme.errorContainer
: Theme.of(context).colorScheme.secondaryContainer, : Theme.of(context)
.colorScheme
.secondaryContainer,
borderRadius: borderRadius:
const BorderRadius.all(Radius.circular(8)), const BorderRadius.all(Radius.circular(8)),
), ),
child: Text( child: Text(
enableTranslate ? TagsTranslation.translateTag(s) : s, enableTranslate
? TagsTranslation.translateTag(s)
: s,
style: const TextStyle(fontSize: 12), style: const TextStyle(fontSize: 12),
softWrap: true, softWrap: true,
overflow: TextOverflow.ellipsis, overflow: TextOverflow.ellipsis,
maxLines: 1, maxLines: 1,
), )),
),
], ],
), ),
); );