From 52f28d09e0bdbac532b74f0763a56e65a4036d10 Mon Sep 17 00:00:00 2001
From: Richard Lewis <richard@smetco.co.uk>
Date: Wed, 10 Jan 2018 20:44:14 +0000
Subject: [PATCH] Stickerpack styling

---
 src/components/views/rooms/MessageComposer.js | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/components/views/rooms/MessageComposer.js b/src/components/views/rooms/MessageComposer.js
index 5c131c8a20..37e5e1f911 100644
--- a/src/components/views/rooms/MessageComposer.js
+++ b/src/components/views/rooms/MessageComposer.js
@@ -283,7 +283,15 @@ export default class MessageComposer extends React.Component {
 
         // Stickers
         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 =
                 <div
                     key="controls_hide_stickers"
@@ -298,8 +306,14 @@ export default class MessageComposer extends React.Component {
                         target={this.refs.stickersContainer}
                         show={this.state.showStickers}
                         onHide={this.onHideStickersClick}
-                        containerStyle={{}}
-                        style={{borderRadius: '5px'}}
+                        containerStyle={{
+                            zIndex: 100,
+                        }}
+                        style={{
+                            borderRadius: '5px',
+                            width: 'initial',
+                            padding: 0,
+                        }}
                         children={stickersContent}
                     />
                 </div>;