alvaro/d4t_formulas
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: adjust UnitDropdown width to prevent text wrapping with ellipsis

Browse source 
Co-authored-by: aider (openrouter/deepseek/deepseek-r1:free) <aider@aider.chat>
This commit is contained in:
Álvaro González 2025-09-14 17:01:20 +02:00
parent 3c22dc06f5
commit 49d342b9e7
1 changed files with 19 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
lib/ai/unit_dropdown.dart
View file

@ -21,9 +21,16 @@ class UnitDropdown extends StatelessWidget {
final unitNames = corpus.unitsOfSameMagnitude(variable.unit);
final availableUnits = unitNames.map((name) => corpus.get(name)).toList();
return DropdownButton<String>(
return SizedBox(
width: 200, // Constrain dropdown width
child: DropdownButton<String>(
value: selectedUnit ?? variable.unit,
selectedItemBuilder: (context) => availableUnits.map((unit) => Text(unit.symbol)).toList(),
selectedItemBuilder: (context) => availableUnits.map((unit) =>
SizedBox(
width: 200,
child: Text(unit.symbol, overflow: TextOverflow.ellipsis),
)
).toList(),
icon: const Icon(Icons.arrow_drop_down),
elevation: 16,
style: TextStyle(color: Theme.of(context).colorScheme.primary, fontSize: 14),
@ -32,9 +39,18 @@ class UnitDropdown extends StatelessWidget {
items: availableUnits.map<DropdownMenuItem<String>>((UnitSpec unit) {
return DropdownMenuItem<String>(
value: unit.name,
child: Text("${unit.symbol} - ${unit.name}", style: const TextStyle(fontSize: 14)),
child: SizedBox(
width: 200, // Fixed width for all items
child: Text("${unit.symbol} - ${unit.name}",
style: const TextStyle(fontSize: 14),
overflow: TextOverflow.ellipsis,
),
),
);
}).toList(),
dropdownPadding: const EdgeInsets.symmetric(vertical: 8),
menuMaxHeight: 400,
isExpanded: true,
);
}
}