liquid-development/game-tracker
3
0
Fork 0
Code Issues 14 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

16
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,13 +165,16 @@ class _CreateGroupViewState extends State<CreateGroupView> {
mainAxisSize: MainAxisSize.min,
children: [
SizedBox(width: 12),
Text(
Flexible(
child: Text(
selectedPlayer.name,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
),
),
),
SizedBox(width: 3),
GestureDetector(
child: const Icon(Icons.close, size: 20),
@@ -277,13 +284,16 @@ class _CreateGroupViewState extends State<CreateGroupView> {
MainAxisAlignment.spaceBetween,
mainAxisSize: MainAxisSize.max,
children: [
Text(
Flexible(
child: Text(
suggestedPlayers[index].name,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w500,
),
),
),
IconButton(
icon: Icon(Icons.add, size: 20),
onPressed: () {

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

@@ -24,7 +24,8 @@ class GroupTile extends StatelessWidget {
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
Flexible(
child: Text(
group.name,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
@@ -32,7 +33,9 @@ class GroupTile extends StatelessWidget {
fontSize: 18,
),
),
const Spacer(),
),
Row(
children: [
Text(
'${group.members.length}',
style: const TextStyle(
@@ -44,6 +47,8 @@ class GroupTile extends StatelessWidget {
const Icon(Icons.group, size: 22),
],
),
],
),
const SizedBox(height: 5),
Wrap(
alignment: WrapAlignment.start,
@@ -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,