Mirrors/gomuks
1
0
Fork 1
mirror of https://github.com/tulir/gomuks.git synced 2025-04-20 18:43:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

web/roomview: don't allow room name to overflow

Browse source
This commit is contained in:
Tulir Asokan 2024-10-31 00:54:34 +02:00
parent 244443c7fd
commit d573f2fa58
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
web/src/ui/roomview/RoomViewHeader.css
View file

@ -4,12 +4,13 @@ div.room-header {
gap: .5rem;
padding-left: .5rem;
border-bottom: 1px solid var(--border-color);
overflow: hidden;
> span.room-name {
> div.room-name {
font-weight: bold;
}
> div.divider {
overflow: hidden;
text-overflow: ellipsis;
text-wrap: nowrap;
flex: 1;
}

5
web/src/ui/roomview/RoomViewHeader.tsx
View file

@ -43,10 +43,9 @@ const RoomViewHeader = ({ room }: RoomViewHeaderProps) => {
onClick={use(LightboxContext)}
alt=""
/>
<span className="room-name">
<div className="room-name">
{roomMeta.name ?? roomMeta.room_id}
</span>
<div className="divider"/>
</div>
<div className="right-buttons">
<button
data-target-panel="pinned-messages"