liquid-development/game-tracker
3
0
Fork 0
Code Issues 13 Pull Requests 6 Actions Releases 1 Activity

fixed renderoverflow for long player & group names in create group view and group view

Browse Source
This commit is contained in:
Mathis Kirchner
2025-11-18 17:00:09 +01:00
parent 3e89bfd641
commit c31d757615
2 changed files with 42 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
lib/presentation/views/main_menu/create_group/create_group_view.dart
View File

@@ -70,7 +70,11 @@ class _CreateGroupViewState extends State<CreateGroupView> {
decoration: InputDecoration(
filled: true,
fillColor: CustomTheme.boxColor,
hint: Text("Group name", style: TextStyle(fontSize: 18)),
hint: Text(
"Group name",
overflow: TextOverflow.ellipsis,
style: TextStyle(fontSize: 18),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
borderSide: BorderSide(color: CustomTheme.boxBorder),
@@ -161,11 +165,14 @@ class _CreateGroupViewState extends State<CreateGroupView> {
mainAxisSize: MainAxisSize.min,
children: [
SizedBox(width: 12),
Text(
selectedPlayer.name,
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
Flexible(
child: Text(
selectedPlayer.name,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
),
),
),
SizedBox(width: 3),
@@ -277,11 +284,14 @@ class _CreateGroupViewState extends State<CreateGroupView> {
MainAxisAlignment.spaceBetween,
mainAxisSize: MainAxisSize.max,
children: [
Text(
suggestedPlayers[index].name,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w500,
Flexible(
child: Text(
suggestedPlayers[index].name,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w500,
),
),
),
IconButton(

36
lib/presentation/widgets/tiles/group_tile.dart
View File

@@ -24,24 +24,29 @@ class GroupTile extends StatelessWidget {
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
group.name,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
fontWeight: FontWeight.bold,
fontSize: 18,
Flexible(
child: Text(
group.name,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
fontWeight: FontWeight.bold,
fontSize: 18,
),
),
),
const Spacer(),
Text(
'${group.members.length}',
style: const TextStyle(
fontWeight: FontWeight.w900,
fontSize: 18,
),
Row(
children: [
Text(
'${group.members.length}',
style: const TextStyle(
fontWeight: FontWeight.w900,
fontSize: 18,
),
),
const SizedBox(width: 3),
const Icon(Icons.group, size: 22),
],
),
const SizedBox(width: 3),
const Icon(Icons.group, size: 22),
],
),
const SizedBox(height: 5),
@@ -64,6 +69,7 @@ class GroupTile extends StatelessWidget {
child: Skeleton.ignore(
child: Text(
member.name,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.bold,