OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Reorganize HTML 

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
pull/21833/head
Šimon Brandner 2021-06-01 07:55:55 +02:00
parent d05b1798b8
commit 5e4a10ab84
No known key found for this signature in database
GPG Key ID: 9760693FDD98A790
2 changed files with 28 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
res/css/views/messages/_CallEvent.scss
View File

@ -26,7 +26,11 @@ limitations under the License.
max-width: 75%; max-width: 75%;
box-sizing: border-box; box-sizing: border-box;
.mx_CallEvent_content { .mx_CallEvent_info {
display: flex;
flex-direction: row;
.mx_CallEvent_info_basic {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 10px; // To match mx_CallEvent margin-left: 10px; // To match mx_CallEvent
@ -38,3 +42,4 @@ limitations under the License.
} }
} }
} }
}

7
src/components/views/messages/CallEvent.tsx
View File

@ -31,14 +31,17 @@ export default class CallEvent extends React.Component<IProps> {
const event = this.props.mxEvent; const event = this.props.mxEvent;
const sender = event.sender ? event.sender.name : event.getSender(); const sender = event.sender ? event.sender.name : event.getSender();
let content;
return ( return (
<div className="mx_CallEvent"> <div className="mx_CallEvent">
<div className="mx_CallEvent_info">
<MemberAvatar <MemberAvatar
member={event.sender} member={event.sender}
width={32} width={32}
height={32} height={32}
/> />
<div className="mx_CallEvent_content"> <div className="mx_CallEvent_info_basic">
<div> <div>
{ sender } { sender }
</div> </div>
@ -47,6 +50,8 @@ export default class CallEvent extends React.Component<IProps> {
</div> </div>
</div> </div>
</div> </div>
{ content }
</div>
); );
} }
} }