diff --git a/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss b/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss index a10ef530f..75cd8a513 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss @@ -59,12 +59,8 @@ .hamburger--menu { cursor: pointer; - display: none; + display: block; margin-right: $space-normal; - - @media screen and (max-width: 1200px) { - display: block; - } } .header--icon { diff --git a/app/javascript/dashboard/components/SidemenuIcon.vue b/app/javascript/dashboard/components/SidemenuIcon.vue index fc565b718..dfdfb1596 100644 --- a/app/javascript/dashboard/components/SidemenuIcon.vue +++ b/app/javascript/dashboard/components/SidemenuIcon.vue @@ -1,7 +1,12 @@ diff --git a/app/javascript/dashboard/components/layout/sidebarComponents/Secondary.vue b/app/javascript/dashboard/components/layout/sidebarComponents/Secondary.vue index 1d8ced445..4d75e363e 100644 --- a/app/javascript/dashboard/components/layout/sidebarComponents/Secondary.vue +++ b/app/javascript/dashboard/components/layout/sidebarComponents/Secondary.vue @@ -261,14 +261,7 @@ export default { width: 20rem; flex-shrink: 0; overflow-y: hidden; - - @include breakpoint(xlarge down) { - position: absolute; - } - - @include breakpoint(xlarge up) { - position: unset; - } + position: unset; &:hover { overflow-y: hidden; diff --git a/app/javascript/dashboard/components/specs/__snapshots__/SidemenuIcon.spec.js.snap b/app/javascript/dashboard/components/specs/__snapshots__/SidemenuIcon.spec.js.snap index 58e820fc2..32e293da6 100644 --- a/app/javascript/dashboard/components/specs/__snapshots__/SidemenuIcon.spec.js.snap +++ b/app/javascript/dashboard/components/specs/__snapshots__/SidemenuIcon.spec.js.snap @@ -1,10 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`SidemenuIcon matches snapshot 1`] = ` - + `; diff --git a/app/javascript/dashboard/components/widgets/WootWriter/AudioRecorder.vue b/app/javascript/dashboard/components/widgets/WootWriter/AudioRecorder.vue index 9c53d4a1a..68072c846 100644 --- a/app/javascript/dashboard/components/widgets/WootWriter/AudioRecorder.vue +++ b/app/javascript/dashboard/components/widgets/WootWriter/AudioRecorder.vue @@ -10,11 +10,11 @@ import 'videojs-record/dist/css/videojs.record.css'; import videojs from 'video.js'; -import inboxMixin from '../../../../shared/mixins/inboxMixin'; import alertMixin from '../../../../shared/mixins/alertMixin'; import Recorder from 'opus-recorder'; import encoderWorker from 'opus-recorder/dist/encoderWorker.min'; +import waveWorker from 'opus-recorder/dist/waveWorker.min'; import WaveSurfer from 'wavesurfer.js'; import MicrophonePlugin from 'wavesurfer.js/dist/plugin/wavesurfer.microphone.js'; @@ -29,14 +29,19 @@ WaveSurfer.microphone = MicrophonePlugin; export default { name: 'WootAudioRecorder', - mixins: [inboxMixin, alertMixin], + mixins: [alertMixin], + props: { + audioRecordFormat: { + type: String, + default: AUDIO_FORMATS.WEBM, + }, + }, data() { return { player: false, recordingDateStarted: new Date(0), initialTimeDuration: '00:00', recorderOptions: { - debug: true, controls: true, bigPlayButton: false, fluid: false, @@ -71,6 +76,9 @@ export default { record: { audio: true, video: false, + maxLength: 900, + timeSlice: 1000, + maxFileSize: 15 * 1024 * 1024, ...(this.audioRecordFormat === AUDIO_FORMATS.WEBM && { monitorGain: 0, recordingGain: 1, @@ -80,11 +88,10 @@ export default { streamPages: true, maxFramesPerPage: 1, encoderFrameSize: 1, - encoderPath: 'opus-recorder/dist/waveWorker.min.js', + encoderPath: waveWorker, }), ...(this.audioRecordFormat === AUDIO_FORMATS.OGG && { displayMilliseconds: false, - maxLength: 300, audioEngine: 'opus-recorder', audioWorkerURL: encoderWorker, audioChannels: 1, @@ -100,12 +107,6 @@ export default { isRecording() { return this.player && this.player.record().isRecording(); }, - audioRecordFormat() { - if (this.isAWebWidgetInbox) { - return AUDIO_FORMATS.WEBM; - } - return AUDIO_FORMATS.OGG; - }, }, mounted() { window.Recorder = Recorder; diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue index 5abf0eb5c..666072ef2 100644 --- a/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue +++ b/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue @@ -21,7 +21,11 @@ />
- + 1; + }, }, methods: { diff --git a/app/javascript/dashboard/components/widgets/conversation/Message.vue b/app/javascript/dashboard/components/widgets/conversation/Message.vue index 35dec8322..cccadf160 100644 --- a/app/javascript/dashboard/components/widgets/conversation/Message.vue +++ b/app/javascript/dashboard/components/widgets/conversation/Message.vue @@ -15,7 +15,6 @@ v-if="data.content" :message="message" :is-email="isEmailContentType" - :readable-time="readableTime" :display-quoted-button="displayQuotedButton" />
@@ -119,8 +111,6 @@ - diff --git a/app/javascript/dashboard/routes/dashboard/conversation/contact/ConversationForm.vue b/app/javascript/dashboard/routes/dashboard/conversation/contact/ConversationForm.vue index b56bc3490..ff20d7c23 100644 --- a/app/javascript/dashboard/routes/dashboard/conversation/contact/ConversationForm.vue +++ b/app/javascript/dashboard/routes/dashboard/conversation/contact/ConversationForm.vue @@ -66,7 +66,7 @@ @click="replaceTextWithCannedResponse" /> -
+