New ConverseJS entry point. Using it to add custom CSS.

This commit is contained in:
John Livingston 2021-11-08 19:39:51 +01:00
parent f9ec433502
commit 65845fe9f6
No known key found for this signature in database
GPG Key ID: B17B5640CE66CDBC
4 changed files with 9 additions and 6 deletions

View File

@ -0,0 +1,3 @@
import '../src/entry.js'
import './sass/livechat.scss'
export * from '../src/entry.js'

View File

@ -0,0 +1,4 @@
body.livechat-iframe #conversejs .chat-head {
// Hidding the chat-head when the plugin is displayed in an iframe.
display: none;
}

View File

@ -1,8 +1,9 @@
const prod = require('./webpack.prod.js')
const { merge } = require('webpack-merge')
// const path = require('path')
const path = require('path')
module.exports = merge(prod, {
entry: path.resolve(__dirname, 'custom/entry.js'),
resolve: {
extensions: ['.js'],
alias: {

View File

@ -8,11 +8,6 @@
<link type="text/css" rel="stylesheet" media="screen" href="{{BASE_STATIC_URL}}conversejs/converse.min.css" />
<script type="text/javaScript" src="{{BASE_STATIC_URL}}conversejs/converse.min.js"></script>
<script type="text/javascript" src="{{BASE_STATIC_URL}}static/builtin.js"></script>
<style type="text/css">
body.livechat-iframe #conversejs .chat-head {
display: none;
}
</style>
</head>
<body class="converse-fullscreen">
<noscript>You need to enable JavaScript to run the Converse.js chat app.</noscript>