Task and Ticket Detail screen scrollable

This commit is contained in:
Marc Rejohn Castillano 2026-02-22 01:17:43 +08:00
parent 5c6dec3788
commit 83911b20ee
2 changed files with 27 additions and 13 deletions

View File

@ -2026,12 +2026,18 @@ class _TaskDetailScreenState extends ConsumerState<TaskDetailScreen>
); );
} }
return Column( // Mobile: make whole detail screen scrollable and give the
// tabbed area a fixed height so it can layout inside the
// scrollable column.
final mobileTabHeight = MediaQuery.of(context).size.height * 0.72;
return SingleChildScrollView(
child: Column(
children: [ children: [
detailsCard, detailsCard,
const SizedBox(height: 12), const SizedBox(height: 12),
Expanded(child: tabbedCard), SizedBox(height: mobileTabHeight, child: tabbedCard),
], ],
),
); );
}, },
), ),
@ -2102,7 +2108,7 @@ class _TaskDetailScreenState extends ConsumerState<TaskDetailScreen>
Container( Container(
margin: const EdgeInsets.only(bottom: 12), margin: const EdgeInsets.only(bottom: 12),
padding: const EdgeInsets.all(12), padding: const EdgeInsets.all(12),
constraints: const BoxConstraints(maxWidth: 520), constraints: const BoxConstraints(minWidth: 160, maxWidth: 520),
decoration: BoxDecoration( decoration: BoxDecoration(
color: bubbleColor, color: bubbleColor,
borderRadius: BorderRadius.only( borderRadius: BorderRadius.only(

View File

@ -230,6 +230,7 @@ class _TicketDetailScreenState extends ConsumerState<TicketDetailScreen> {
margin: const EdgeInsets.only(bottom: 12), margin: const EdgeInsets.only(bottom: 12),
padding: const EdgeInsets.all(12), padding: const EdgeInsets.all(12),
constraints: const BoxConstraints( constraints: const BoxConstraints(
minWidth: 160,
maxWidth: 520, maxWidth: 520,
), ),
decoration: BoxDecoration( decoration: BoxDecoration(
@ -409,12 +410,19 @@ class _TicketDetailScreenState extends ConsumerState<TicketDetailScreen> {
); );
} }
return Column( // Mobile: make entire detail screen scrollable and give the
// messages area a fixed height so it can layout inside the
// scrollable column.
final mobileMessagesHeight =
MediaQuery.of(context).size.height * 0.72;
return SingleChildScrollView(
child: Column(
children: [ children: [
detailsCard, detailsCard,
const SizedBox(height: 12), const SizedBox(height: 12),
Expanded(child: messagesCard), SizedBox(height: mobileMessagesHeight, child: messagesCard),
], ],
),
); );
}, },
), ),