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: render room topic in header

Browse source 
Signed-off-by: Sumner Evans <sumner.evans@automattic.com>
This commit is contained in:
Sumner Evans 2024-12-06 01:46:41 -07:00
parent 838a9ce106
commit 455c82a2c4
No known key found for this signature in database
3 changed files with 27 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/ui/roomview/RoomView.css
View file

@ -5,7 +5,7 @@ div.room-view {
display: grid; display: grid;
outline: none; outline: none;
grid-template: grid-template:
"header" 3rem "header" 3.5rem
"messageview" 1fr "messageview" 1fr
"autocomplete" 0 "autocomplete" 0
"input" auto "input" auto

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

@ -6,12 +6,26 @@ div.room-header {
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
overflow: hidden; overflow: hidden;
> div.room-name { > div.room-name-and-topic {
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
text-wrap: nowrap;
flex: 1; flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
> div.room-name, > div.room-topic {
overflow: hidden;
text-overflow: ellipsis;
text-wrap: nowrap;
}
> div.room-name {
font-weight: bold;
}
> div.room-topic {
font-size: 0.85rem;
color: var(--secondary-text-color);
}
} }
> button.back { > button.back {

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

@ -52,8 +52,13 @@ const RoomViewHeader = ({ room }: RoomViewHeaderProps) => {
onClick={use(LightboxContext)} onClick={use(LightboxContext)}
alt="" alt=""
/> />
<div className="room-name"> <div className="room-name-and-topic">
{roomMeta.name ?? roomMeta.room_id} <div className="room-name">
{roomMeta.name ?? roomMeta.room_id}
</div>
{roomMeta.topic && <div className="room-topic">
{roomMeta.topic}
</div>}
</div> </div>
<div className="right-buttons"> <div className="right-buttons">
<button <button