From ab8dac1bbacc10f56de8cffc8324abc9bd7a2208 Mon Sep 17 00:00:00 2001
From: John Livingston <git@john-livingston.fr>
Date: Tue, 9 Nov 2021 10:34:34 +0100
Subject: [PATCH] Better CSS customization.

---
 conversejs/custom/entry.js            | 1 -
 conversejs/custom/sass/livechat.scss  | 2 ++
 conversejs/custom/webpack.livechat.js | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/conversejs/custom/entry.js b/conversejs/custom/entry.js
index 7025ad76..330f3e74 100644
--- a/conversejs/custom/entry.js
+++ b/conversejs/custom/entry.js
@@ -1,3 +1,2 @@
 import '../src/entry.js'
-import './sass/livechat.scss'
 export * from '../src/entry.js'
diff --git a/conversejs/custom/sass/livechat.scss b/conversejs/custom/sass/livechat.scss
index 276b6e63..c08b5254 100644
--- a/conversejs/custom/sass/livechat.scss
+++ b/conversejs/custom/sass/livechat.scss
@@ -1,3 +1,5 @@
+@import "sass/converse";
+
 body.livechat-iframe #conversejs .chat-head {
   // Hidding the chat-head when the plugin is displayed in an iframe.
   display: none;
diff --git a/conversejs/custom/webpack.livechat.js b/conversejs/custom/webpack.livechat.js
index 14a3c481..569d0b18 100644
--- a/conversejs/custom/webpack.livechat.js
+++ b/conversejs/custom/webpack.livechat.js
@@ -9,6 +9,7 @@ module.exports = merge(prod, {
     alias: {
       // To override a template, use this syntax:
       // 'templates/muc_sidebar.js': path.resolve(__dirname, 'custom/templates/muc_sidebar.js')
+      '../sass/converse.scss': path.resolve(__dirname, 'custom/sass/livechat.scss')
     }
   }
 })