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

Consistent popover size

pull/21833/head
Richard Lewis 2018-01-11 13:41:55 +00:00
parent 9df4dae975
commit 90b7cb3760
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/views/rooms/MessageComposer.js
View File

@ -285,12 +285,15 @@ export default class MessageComposer extends React.Component {
// Stickers // Stickers
if (this.state.showStickers) { if (this.state.showStickers) {
const popoverWidth = '300px';
const popoverHeight = '300px';
const stickerpackWidget = Widgets.getStickerpackWidgets()[0]; const stickerpackWidget = Widgets.getStickerpackWidgets()[0];
let stickersContent = <p>Click here to add your first sitckerpack</p>; let stickersContent = <p>Click here to add your first sitckerpack</p>;
if (stickerpackWidget && stickerpackWidget.content && stickerpackWidget.content.url) { if (stickerpackWidget && stickerpackWidget.content && stickerpackWidget.content.url) {
stickersContent = <div style={{ stickersContent = <div style={{
border: 'none', border: 'none',
height: '160px', height: popoverHeight,
width: popoverWidth,
}}> }}>
<AppTile <AppTile
id={stickerpackWidget.id} id={stickerpackWidget.id}
@ -327,10 +330,10 @@ export default class MessageComposer extends React.Component {
}} }}
style={{ style={{
borderRadius: '5px', borderRadius: '5px',
width: 'initial',
padding: 0, padding: 0,
overflow: 'hidden', overflow: 'hidden',
height: '160px', height: popoverHeight,
width: popoverWidth,
}} }}
children={stickersContent} children={stickersContent}
/> />