Import toolbar styles in the component

src/shared/chat/emoji-picker.js

@@ -9,7 +9,7 @@ import { html } from "lit-element";
 import { tpl_emoji_picker } from "./templates/emoji-picker.js";
 import { until } from 'lit-html/directives/until.js';
 
-import './styles/_emoji.scss';
+import './styles/emoji.scss';
 
 const u = converse.env.utils;
 

src/shared/styles/_toolbar.scss → src/shared/chat/styles/toolbar.scss

@@ -1,3 +1,7 @@
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";
+
 #conversejs {
 
     .send-button {

src/shared/chat/toolbar.js

@@ -5,6 +5,8 @@ import { _converse, api, converse } from "@converse/headless/core";
 import { html } from 'lit-element';
 import { until } from 'lit-html/directives/until.js';
 
+import './styles/toolbar.scss';
+
 const Strophe = converse.env.Strophe
 
 

src/shared/styles/index.scss

@@ -33,6 +33,5 @@
 @import "buttons";
 @import "badges";
 @import "forms";
-@import "toolbar";
 @import "lists";
 @import "messages";