ember/fluffychat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: make learning settings dropdowns stand out against background (#1784)

Browse source
This commit is contained in:
ggurdin 2025-02-13 14:58:55 -05:00 • committed by GitHub
parent 4fe67a9384
commit 08126fd38b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
lib/pangea/learning_settings/pages/settings_learning_view.dart
View file

@ -80,6 +80,9 @@ class SettingsLearningView extends StatelessWidget {
}
return null;
},
backgroundColor: Theme.of(context)
.colorScheme
.surfaceContainerHigh,
),
PLanguageDropdown(
onChange: (lang) =>

9
lib/pangea/learning_settings/widgets/country_picker_tile.dart
View file

@ -1,3 +1,4 @@
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:country_picker/country_picker.dart';
@ -46,8 +47,12 @@ class CountryPickerDropdownState extends State<CountryPickerDropdown> {
decoration: InputDecoration(
labelText: L10n.of(context).countryInformation,
),
dropdownStyleData: const DropdownStyleData(
maxHeight: 300,
dropdownStyleData: DropdownStyleData(
maxHeight: kIsWeb ? 500 : null,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(14),
color: Theme.of(context).colorScheme.surfaceContainerHigh,
),
),
items: [
...countries.map(

11
lib/pangea/learning_settings/widgets/p_language_dropdown.dart
View file

@ -1,5 +1,6 @@
// Flutter imports:
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:dropdown_button2/dropdown_button2.dart';
@ -18,6 +19,7 @@ class PLanguageDropdown extends StatefulWidget {
final String decorationText;
final String? error;
final String? Function(LanguageModel?)? validator;
final Color? backgroundColor;
const PLanguageDropdown({
super.key,
@ -29,6 +31,7 @@ class PLanguageDropdown extends StatefulWidget {
this.isL2List = false,
this.error,
this.validator,
this.backgroundColor,
});
@override
@ -90,8 +93,12 @@ class PLanguageDropdownState extends State<PLanguageDropdown> {
: null,
decoration: InputDecoration(labelText: widget.decorationText),
isExpanded: true,
dropdownStyleData: const DropdownStyleData(
maxHeight: 400,
dropdownStyleData: DropdownStyleData(
maxHeight: kIsWeb ? 500 : null,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(14),
color: widget.backgroundColor,
),
),
items: [
if (widget.showMultilingual)