Stickerpack styling

This commit is contained in:
Richard Lewis 2018-01-10 20:44:14 +00:00
parent 2bb51bafe1
commit 52f28d09e0

View file

@ -283,7 +283,15 @@ export default class MessageComposer extends React.Component {
// Stickers // Stickers
if (this.state.showStickers) { if (this.state.showStickers) {
const stickersContent = <p>Click here to add your first sitckerpack</p>; let stickerpackWidget = '';
let stickersContent = <p>Click here to add your first sitckerpack</p>;
if (true) {
stickersContent = <iframe src={stickerpackWidget} style={{
borderRadius: '5px',
border: 'none',
}}></iframe>;
}
hideStickersButton = hideStickersButton =
<div <div
key="controls_hide_stickers" key="controls_hide_stickers"
@ -298,8 +306,14 @@ export default class MessageComposer extends React.Component {
target={this.refs.stickersContainer} target={this.refs.stickersContainer}
show={this.state.showStickers} show={this.state.showStickers}
onHide={this.onHideStickersClick} onHide={this.onHideStickersClick}
containerStyle={{}} containerStyle={{
style={{borderRadius: '5px'}} zIndex: 100,
}}
style={{
borderRadius: '5px',
width: 'initial',
padding: 0,
}}
children={stickersContent} children={stickersContent}
/> />
</div>; </div>;