From b039630266354c86574927fd18d980915cb44139 Mon Sep 17 00:00:00 2001 From: ggurdin <46800240+ggurdin@users.noreply.github.com> Date: Wed, 12 Mar 2025 11:29:13 -0400 Subject: [PATCH] chore: blur background on activity dialog, increase dialog text sizes (#2129) --- .../activity_suggestion_card_row.dart | 4 +- .../activity_suggestion_dialog.dart | 48 +++++++------------ 2 files changed, 19 insertions(+), 33 deletions(-) diff --git a/lib/pangea/activity_suggestions/activity_suggestion_card_row.dart b/lib/pangea/activity_suggestions/activity_suggestion_card_row.dart index e03e24fdf..4bca04a1c 100644 --- a/lib/pangea/activity_suggestions/activity_suggestion_card_row.dart +++ b/lib/pangea/activity_suggestions/activity_suggestion_card_row.dart @@ -15,11 +15,11 @@ class ActivitySuggestionCardRow extends StatelessWidget { return Padding( padding: const EdgeInsets.symmetric(vertical: 4.0), child: Row( - spacing: 4.0, + spacing: 8.0, children: [ Icon( icon, - size: 12.0, + size: 16.0, ), Expanded(child: child), ], diff --git a/lib/pangea/activity_suggestions/activity_suggestion_dialog.dart b/lib/pangea/activity_suggestions/activity_suggestion_dialog.dart index f3edd2048..75eff9749 100644 --- a/lib/pangea/activity_suggestions/activity_suggestion_dialog.dart +++ b/lib/pangea/activity_suggestions/activity_suggestion_dialog.dart @@ -1,4 +1,5 @@ import 'dart:developer'; +import 'dart:ui'; import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; @@ -241,7 +242,6 @@ class ActivitySuggestionDialogState extends State { decoration: InputDecoration( labelText: L10n.of(context).activityTitle, ), - style: theme.textTheme.bodySmall, maxLines: 2, minLines: 1, ), @@ -251,10 +251,9 @@ class ActivitySuggestionDialogState extends State { icon: Icons.event_note_outlined, child: Text( widget.activity.title, - style: const TextStyle( - fontWeight: FontWeight.bold, - ), - maxLines: 1, + style: theme.textTheme.titleMedium + ?.copyWith(fontWeight: FontWeight.bold), + maxLines: 2, overflow: TextOverflow.ellipsis, ), ), @@ -262,7 +261,6 @@ class ActivitySuggestionDialogState extends State { ActivitySuggestionCardRow( icon: Symbols.target, child: TextFormField( - style: theme.textTheme.bodySmall, controller: _learningObjectivesController, decoration: InputDecoration( labelText: @@ -277,16 +275,14 @@ class ActivitySuggestionDialogState extends State { icon: Symbols.target, child: Text( widget.activity.learningObjective, - style: theme.textTheme.bodySmall, maxLines: 2, overflow: TextOverflow.ellipsis, ), ), if (_isEditing) ActivitySuggestionCardRow( - icon: Symbols.target, + icon: Symbols.steps, child: TextFormField( - style: theme.textTheme.bodySmall, controller: _instructionsController, decoration: InputDecoration( labelText: L10n.of(context).instructions, @@ -297,10 +293,9 @@ class ActivitySuggestionDialogState extends State { ) else ActivitySuggestionCardRow( - icon: Symbols.target, + icon: Symbols.steps, child: Text( widget.activity.instructions, - style: theme.textTheme.bodySmall, maxLines: 2, overflow: TextOverflow.ellipsis, ), @@ -310,7 +305,6 @@ class ActivitySuggestionDialogState extends State { icon: Icons.group_outlined, child: TextFormField( controller: _participantsController, - style: theme.textTheme.bodySmall, decoration: InputDecoration( labelText: L10n.of(context).classRoster, ), @@ -340,7 +334,6 @@ class ActivitySuggestionDialogState extends State { L10n.of(context).countParticipants( widget.activity.req.numberOfParticipants, ), - style: theme.textTheme.bodySmall, ), ), if (_isEditing) @@ -348,7 +341,7 @@ class ActivitySuggestionDialogState extends State { icon: Symbols.dictionary, child: ConstrainedBox( constraints: - const BoxConstraints(maxHeight: 54.0), + const BoxConstraints(maxHeight: 60.0), child: SingleChildScrollView( child: Wrap( spacing: 4.0, @@ -374,11 +367,7 @@ class ActivitySuggestionDialogState extends State { spacing: 4.0, mainAxisSize: MainAxisSize.min, children: [ - Text( - vocab.lemma, - style: theme - .textTheme.bodySmall, - ), + Text(vocab.lemma), const Icon( Icons.close, size: 12.0, @@ -399,7 +388,7 @@ class ActivitySuggestionDialogState extends State { icon: Symbols.dictionary, child: ConstrainedBox( constraints: - const BoxConstraints(maxHeight: 54.0), + const BoxConstraints(maxHeight: 60.0), child: SingleChildScrollView( child: Wrap( spacing: 4.0, @@ -417,10 +406,7 @@ class ActivitySuggestionDialogState extends State { borderRadius: BorderRadius.circular(24.0), ), - child: Text( - vocab.lemma, - style: theme.textTheme.bodySmall, - ), + child: Text(vocab.lemma), ), ) .toList(), @@ -437,7 +423,6 @@ class ActivitySuggestionDialogState extends State { Expanded( child: TextFormField( controller: _vocabController, - style: theme.textTheme.bodySmall, decoration: InputDecoration( hintText: L10n.of(context).addVocabulary, ), @@ -505,9 +490,7 @@ class ActivitySuggestionDialogState extends State { ), child: Text( L10n.of(context).inviteAndLaunch, - style: theme.textTheme.bodyMedium?.copyWith( - color: theme.colorScheme.onPrimary, - ), + style: TextStyle(color: theme.colorScheme.onPrimary), ), ), ), @@ -574,8 +557,11 @@ class ActivitySuggestionDialogState extends State { ), ); - return FluffyThemes.isColumnMode(context) - ? Dialog(child: content) - : Dialog.fullscreen(child: content); + return BackdropFilter( + filter: ImageFilter.blur(sigmaX: 2.5, sigmaY: 2.5), + child: FluffyThemes.isColumnMode(context) + ? Dialog(child: content) + : Dialog.fullscreen(child: content), + ); } }