scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2025-10-30 18:47:51 +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> </template>
<style> <style>
@import '../../../dashboard/assets/scss/app.scss';
@import 'vue-multiselect/dist/vue-multiselect.css';
@import 'floating-vue/dist/style.css';
.file-uploads { .file-uploads {
overflow: hidden; overflow: hidden;
position: relative; position: relative;

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

@@ -1,6 +1,8 @@
import { defineCustomElement } from 'vue'; import { defineCustomElement } from 'vue';
import ChatwootMessageListWebComponent from './ChatwootMessageListWebComponent.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 en from '../../../dashboard/i18n/locale/en';
import store from '../../../dashboard/store'; import store from '../../../dashboard/store';
import vueActionCable from '../../../dashboard/helper/actionCable'; import vueActionCable from '../../../dashboard/helper/actionCable';
@@ -31,6 +33,7 @@ const ceOptions = {
// eslint-disable-next-line no-underscore-dangle // eslint-disable-next-line no-underscore-dangle
vueActionCable.init(store, window.__PUBSUB_TOKEN__); vueActionCable.init(store, window.__PUBSUB_TOKEN__);
}, },
styles: [chatwootStyles, multiselectStyles, floatingVueStyles],
}; };
// Convert Vue components to Web Components // Convert Vue components to Web Components