butter/keanu-weblite
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Merge branch '452-limit-title-character-limit-to-something-reasonable' into 'dev'

Browse source 
Make sure room name is truncated in UI if too long

See merge request keanuapp/keanuapp-weblite!152
This commit is contained in:
N Pex 2023-03-22 15:36:49 +00:00
commit 20c21038fa
2 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/assets/css/chat.scss
View file

@ -67,6 +67,7 @@ body {
align-items: center;
}
.chat-header-name {
width: 0px; // Set to 0 for flexbox autosize
cursor: pointer;
}
.chat-header-members {

2
src/components/ChatHeader.vue
View file

@ -12,7 +12,7 @@
}}</span>
</v-avatar>
</v-col>
<v-col class="chat-header-name ma-0 pa-0 flex-shrink-1 flex-nowrap" @click.stop="onHeaderClicked">
<v-col class="chat-header-name ma-0 pa-0 flex-shrink-1 flex-grow-1 flex-nowrap" @click.stop="onHeaderClicked">
<div class="room-title-row">
<div class="room-name-inline text-truncate" :title="room.name">
{{ room.name }}