ihompadmin/tasq
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Task and Ticket Detail screen scrollable

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
lib/screens/tasks/task_detail_screen.dart
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: [
detailsCard,
const SizedBox(height: 12),
Expanded(child: tabbedCard),
SizedBox(height: mobileTabHeight, child: tabbedCard),
],
),
);
},
),
@ -2102,7 +2108,7 @@ class _TaskDetailScreenState extends ConsumerState<TaskDetailScreen>
Container(
margin: const EdgeInsets.only(bottom: 12),
padding: const EdgeInsets.all(12),
constraints: const BoxConstraints(maxWidth: 520),
constraints: const BoxConstraints(minWidth: 160, maxWidth: 520),
decoration: BoxDecoration(
color: bubbleColor,
borderRadius: BorderRadius.only(

12
lib/screens/tickets/ticket_detail_screen.dart
View File

@ -230,6 +230,7 @@ class _TicketDetailScreenState extends ConsumerState<TicketDetailScreen> {
margin: const EdgeInsets.only(bottom: 12),
padding: const EdgeInsets.all(12),
constraints: const BoxConstraints(
minWidth: 160,
maxWidth: 520,
),
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: [
detailsCard,
const SizedBox(height: 12),
Expanded(child: messagesCard),
SizedBox(height: mobileMessagesHeight, child: messagesCard),
],
),
);
},
),