michael/cinny
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity

Add max width for room and space options menu

Browse source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2022-01-30 10:41:18 +05:30
parent 0c32d5302c
commit e85a869733
3 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/molecules/room-options/RoomOptions.jsx
View file

@ -38,7 +38,7 @@ function RoomOptions({ roomId, afterOptionSelect }) {
}; };
return ( return (
<> <div style={{ maxWidth: '256px' }}>
<MenuHeader>{twemojify(`Options for ${initMatrix.matrixClient.getRoom(roomId)?.name}`)}</MenuHeader> <MenuHeader>{twemojify(`Options for ${initMatrix.matrixClient.getRoom(roomId)?.name}`)}</MenuHeader>
<MenuItem iconSrc={TickMarkIC} onClick={handleMarkAsRead}>Mark as read</MenuItem> <MenuItem iconSrc={TickMarkIC} onClick={handleMarkAsRead}>Mark as read</MenuItem>
<MenuItem <MenuItem
@ -51,7 +51,7 @@ function RoomOptions({ roomId, afterOptionSelect }) {
<MenuItem iconSrc={LeaveArrowIC} variant="danger" onClick={handleLeaveClick}>Leave</MenuItem> <MenuItem iconSrc={LeaveArrowIC} variant="danger" onClick={handleLeaveClick}>Leave</MenuItem>
<MenuHeader>Notification</MenuHeader> <MenuHeader>Notification</MenuHeader>
<RoomNotification roomId={roomId} /> <RoomNotification roomId={roomId} />
</> </div>
); );
} }

4
src/app/molecules/space-options/SpaceOptions.jsx
View file

@ -44,7 +44,7 @@ function SpaceOptions({ roomId, afterOptionSelect }) {
}; };
return ( return (
<> <div style={{ maxWidth: 'calc(var(--navigation-drawer-width) - var(--sp-normal))' }}>
<MenuHeader>{twemojify(`Options for ${initMatrix.matrixClient.getRoom(roomId)?.name}`)}</MenuHeader> <MenuHeader>{twemojify(`Options for ${initMatrix.matrixClient.getRoom(roomId)?.name}`)}</MenuHeader>
<MenuItem <MenuItem
onClick={handlePinClick} onClick={handlePinClick}
@ -67,7 +67,7 @@ function SpaceOptions({ roomId, afterOptionSelect }) {
> >
Leave Leave
</MenuItem> </MenuItem>
</> </div>
); );
} }

2
src/app/organisms/room/RoomSettings.jsx
View file

@ -170,7 +170,7 @@ function RoomSettings({ roomId }) {
<span style={{ color: 'var(--tc-surface-low)' }}> — room settings</span> <span style={{ color: 'var(--tc-surface-low)' }}> — room settings</span>
</Text> </Text>
</TitleWrapper> </TitleWrapper>
<RawIcon src={ChevronTopIC} /> <RawIcon size="small" src={ChevronTopIC} />
</button> </button>
</Header> </Header>
<RoomProfile roomId={roomId} /> <RoomProfile roomId={roomId} />