diff --git a/app/javascript/react-components/src/styles/upload.css b/app/javascript/react-components/src/styles/upload.css new file mode 100644 index 000000000..7f4142afe --- /dev/null +++ b/app/javascript/react-components/src/styles/upload.css @@ -0,0 +1,35 @@ +.file-uploads { + overflow: hidden; + position: relative; + text-align: center; + display: inline-block; +} + +.file-uploads.file-uploads-html4 input, +.file-uploads.file-uploads-html5 label { + /* background fix ie click */ + background: #fff; + opacity: 0; + font-size: 20em; + z-index: 1; + top: 0; + left: 0; + right: 0; + bottom: 0; + position: absolute; + width: 100%; + height: 100%; +} + +.file-uploads.file-uploads-html5 input, +.file-uploads.file-uploads-html4 label { + /* background fix ie click */ + position: absolute; + background: rgba(255, 255, 255, 0); + overflow: hidden; + position: fixed; + width: 1px; + height: 1px; + z-index: -1; + opacity: 0; +} diff --git a/app/javascript/react-components/src/vue-components/registerWebComponents.js b/app/javascript/react-components/src/vue-components/registerWebComponents.js index 5b0efd382..0bb5314a5 100644 --- a/app/javascript/react-components/src/vue-components/registerWebComponents.js +++ b/app/javascript/react-components/src/vue-components/registerWebComponents.js @@ -3,6 +3,7 @@ import ChatwootMessageListWebComponent from './ChatwootMessageListWebComponent.v 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 uploadStyles from '../styles/upload.css?inline'; import en from '../../../dashboard/i18n/locale/en'; import store from '../../../dashboard/store'; import vueActionCable from '../../../dashboard/helper/actionCable'; @@ -33,7 +34,7 @@ const ceOptions = { // eslint-disable-next-line no-underscore-dangle vueActionCable.init(store, window.__PUBSUB_TOKEN__); }, - styles: [chatwootStyles, multiselectStyles, floatingVueStyles], + styles: [chatwootStyles, multiselectStyles, floatingVueStyles, uploadStyles], }; // Convert Vue components to Web Components