fix(store): wrap docs-panel hint in Expanded to prevent overflow
Some checks failed
Security / Security check (push) Failing after 2s

The 'Documentation' row in the module-detail sheet showed
a RenderFlex horizontal overflow when the sheet is narrow
(~340dp on mobile/portrait). The Row had:
  [Button] [Spacer] [Text(hint)]
without any Expanded/Flexible wrapper, so the hint text could
not break and pushed past the right edge.

Fix: wrap the hint Text in Expanded. Text now wraps to a
second line at narrow widths instead of overflowing. Also
explicitly set crossAxisAlignment.center so the wrapped text
visually aligns with the button on a single baseline.

Signed-off-by: flemming-it <stefan.a.flemming@googlemail.com>
This commit is contained in:
flemming-it 2026-05-24 21:40:06 +02:00
parent 0cf3b0ed72
commit ec7417fef5

View file

@ -2465,7 +2465,12 @@ class _DocsPanel extends StatelessWidget {
final theme = Theme.of(context); final theme = Theme.of(context);
final l = AppLocalizations.of(context)!; final l = AppLocalizations.of(context)!;
if (future == null) { if (future == null) {
// Row im Modul-Detail-Sheet kann eng werden (~340 dp).
// Hint-Text wird in Expanded gewrappt damit er bricht
// statt zu overflowen (CrossAxisAlignment.center hält die
// Optik mit dem Button auf einer Höhe).
return Row( return Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [ children: [
OutlinedButton.icon( OutlinedButton.icon(
onPressed: onLoad, onPressed: onLoad,
@ -2473,10 +2478,12 @@ class _DocsPanel extends StatelessWidget {
label: Text(l.storeLoadDocs), label: Text(l.storeLoadDocs),
), ),
const SizedBox(width: FaiSpace.sm), const SizedBox(width: FaiSpace.sm),
Text( Expanded(
l.storeDocsHint, child: Text(
style: theme.textTheme.bodySmall?.copyWith( l.storeDocsHint,
color: theme.colorScheme.onSurfaceVariant, style: theme.textTheme.bodySmall?.copyWith(
color: theme.colorScheme.onSurfaceVariant,
),
), ),
), ),
], ],