internal/flutter_availability
5
0
Fork 0
mirror of https://github.com/Iconica-Development/flutter_availability.git synced 2025-05-19 05:03:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: add keyboard padding for pause selection dialog

Browse source
This commit is contained in:
Freek van de Ven 2024-07-26 15:56:53 +02:00 committed by Freek van de Ven
parent 0525e9d3b6
commit 0852b25678
1 changed files with 57 additions and 52 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

109
packages/flutter_availability/lib/src/ui/widgets/pause_selection.dart
View file

@ -316,61 +316,66 @@ class _AvailabilityBreakSelectionDialogState
return Stack(
children: [
Container(
margin: EdgeInsets.symmetric(
horizontal: spacing.sidePadding,
Padding(
padding: EdgeInsets.only(
bottom: MediaQuery.of(context).viewInsets.bottom,
),
child: SingleChildScrollView(
child: Column(
children: [
const SizedBox(height: 44),
Text(
translations.pauseDialogTitle,
style: textTheme.titleMedium,
textAlign: TextAlign.center,
),
const SizedBox(height: 4),
Text(
descriptionText,
style: textTheme.bodyMedium,
textAlign: TextAlign.center,
),
const SizedBox(height: 16),
Row(
children: [
const Spacer(
flex: 3,
),
Expanded(
flex: 4,
child: DurationInputField(
initialValue: _breakViewModel.submittedDuration,
onDurationChanged: onUpdateDuration,
),
),
const Spacer(
flex: 3,
),
],
),
const SizedBox(height: 24),
TimeSelection(
key: ValueKey(
[_breakViewModel.startTime, _breakViewModel.endTime],
child: Container(
margin: EdgeInsets.symmetric(
horizontal: spacing.sidePadding,
),
child: Column(
children: [
const SizedBox(height: 44),
Text(
translations.pauseDialogTitle,
style: textTheme.titleMedium,
textAlign: TextAlign.center,
),
// rebuild the widget when the start or end time changes
title: translations.pauseDialogPeriodTitle,
description: translations.pauseDialogPeriodDescription,
crossAxisAlignment: CrossAxisAlignment.center,
startTime: _breakViewModel.startTime,
endTime: _breakViewModel.endTime,
onStartChanged: onUpdateStart,
onEndChanged: onUpdateEnd,
),
const SizedBox(height: 36),
saveButton,
SizedBox(height: spacing.bottomButtonPadding),
],
const SizedBox(height: 4),
Text(
descriptionText,
style: textTheme.bodyMedium,
textAlign: TextAlign.center,
),
const SizedBox(height: 16),
Row(
children: [
const Spacer(
flex: 3,
),
Expanded(
flex: 4,
child: DurationInputField(
initialValue: _breakViewModel.submittedDuration,
onDurationChanged: onUpdateDuration,
),
),
const Spacer(
flex: 3,
),
],
),
const SizedBox(height: 24),
TimeSelection(
key: ValueKey(
[_breakViewModel.startTime, _breakViewModel.endTime],
),
// rebuild the widget when the start or end time changes
title: translations.pauseDialogPeriodTitle,
description: translations.pauseDialogPeriodDescription,
crossAxisAlignment: CrossAxisAlignment.center,
startTime: _breakViewModel.startTime,
endTime: _breakViewModel.endTime,
onStartChanged: onUpdateStart,
onEndChanged: onUpdateEnd,
),
const SizedBox(height: 36),
saveButton,
SizedBox(height: spacing.bottomButtonPadding),
],
),
),
),
),