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

Make sure room name is truncated in UI if too long

Browse source
This commit is contained in:
N-Pex 2023-03-22 16:30:05 +01:00
parent 926025a8ab
commit fbe8229a0a
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; align-items: center;
} }
.chat-header-name { .chat-header-name {
width: 0px; // Set to 0 for flexbox autosize
cursor: pointer; cursor: pointer;
} }
.chat-header-members { .chat-header-members {

2
src/components/ChatHeader.vue
View file

@ -12,7 +12,7 @@
}}</span> }}</span>
</v-avatar> </v-avatar>
</v-col> </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-title-row">
<div class="room-name-inline text-truncate" :title="room.name"> <div class="room-name-inline text-truncate" :title="room.name">
{{ room.name }} {{ room.name }}