scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2025-10-29 10:12:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: move styles to shadow dom

Browse Source
This commit is contained in:
Shivam Mishra
2025-10-16 13:19:16 +05:30
parent 2b933f0166
commit 1fe5a3c8fb
2 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/react-components/src/vue-components/ChatwootMessageListWebComponent.vue
View File

@@ -7,10 +7,6 @@ import MessageList from '../../../ui/MessageList.vue';
</template>
<style>
@import '../../../dashboard/assets/scss/app.scss';
@import 'vue-multiselect/dist/vue-multiselect.css';
@import 'floating-vue/dist/style.css';
.file-uploads {
overflow: hidden;
position: relative;

5
app/javascript/react-components/src/vue-components/registerWebComponents.js vendored
View File

@@ -1,6 +1,8 @@
import { defineCustomElement } from 'vue';
import ChatwootMessageListWebComponent from './ChatwootMessageListWebComponent.vue';
import '../../../dashboard/assets/scss/app.scss';
import chatwootStyles from '../../../dashboard/assets/scss/app.scss?inline';
import multiselectStyles from 'vue-multiselect/dist/vue-multiselect.css?inline';
import floatingVueStyles from 'floating-vue/dist/style.css?inline';
import en from '../../../dashboard/i18n/locale/en';
import store from '../../../dashboard/store';
import vueActionCable from '../../../dashboard/helper/actionCable';
@@ -31,6 +33,7 @@ const ceOptions = {
// eslint-disable-next-line no-underscore-dangle
vueActionCable.init(store, window.__PUBSUB_TOKEN__);
},
styles: [chatwootStyles, multiselectStyles, floatingVueStyles],
};
// Convert Vue components to Web Components