noxious/client
3
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NQ-63 truncate character name in select screen and hud

Browse Source
This commit is contained in:
Colin Kallemein 2024-06-08 14:05:13 +02:00
parent 5ba2547c6e
commit d0cd073b95
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/game/Hud.vue
View File

@ -82,6 +82,12 @@ const socket = useSocketStore();
span, label { span, label {
font-size: 14px; font-size: 14px;
} }
.player-name {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 125px;
}
} }
.player-details { .player-details {

8
src/components/screens/Characters.vue
View File

@ -200,10 +200,14 @@ function create() {
label { label {
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;
left: 50%;
top: 20px; top: 20px;
width: 100%; max-width: 130px;
transform: translateY(-50%); transform: translateY(-50%) translateX(-50%);
text-align: center; text-align: center;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
} }
button.delete { button.delete {