Sticker popover styling

This commit is contained in:
Richard Lewis 2018-01-11 11:36:19 +00:00
parent 2cf9da8c95
commit 78bd25eff0

View file

@ -289,8 +289,8 @@ export default class MessageComposer extends React.Component {
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 = <iframe src={stickerpackWidget.content.url} style={{ stickersContent = <iframe src={stickerpackWidget.content.url} style={{
borderRadius: '5px',
border: 'none', border: 'none',
height: '160px',
}}></iframe>; }}></iframe>;
} }
@ -309,12 +309,14 @@ export default class MessageComposer extends React.Component {
show={this.state.showStickers} show={this.state.showStickers}
onHide={this.onHideStickersClick} onHide={this.onHideStickersClick}
containerStyle={{ containerStyle={{
zIndex: 100, zIndex: 1000,
}} }}
style={{ style={{
borderRadius: '5px', borderRadius: '5px',
width: 'initial', width: 'initial',
padding: 0, padding: 0,
overflow: 'hidden',
height: '160px'
}} }}
children={stickersContent} children={stickersContent}
/> />