feat: Fixes #1940 WCAG support for website widget (#2071)

Co-authored-by: Kaj Oudshoorn <kaj@milvum.com>
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
This commit is contained in:
koudshoorn 2021-09-02 08:43:53 +02:00 committed by GitHub
parent 2ddd508aee
commit af1d8c0ee5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 109 additions and 23 deletions

View file

@ -5,7 +5,7 @@
>
<spinner size="" />
</div>
<div v-else class="home">
<div v-else class="home" @keydown.esc="closeChat">
<div
class="header-wrap bg-white"
:class="{ expanded: !isHeaderCollapsed, collapsed: isHeaderCollapsed }"
@ -74,6 +74,7 @@ import ChatFooter from 'widget/components/ChatFooter.vue';
import ChatHeaderExpanded from 'widget/components/ChatHeaderExpanded.vue';
import ChatHeader from 'widget/components/ChatHeader.vue';
import ConversationWrap from 'widget/components/ConversationWrap.vue';
import { IFrameHelper } from 'widget/helpers/utils';
import configMixin from '../mixins/configMixin';
import TeamAvailability from 'widget/components/TeamAvailability';
import Spinner from 'shared/components/Spinner.vue';
@ -166,6 +167,9 @@ export default {
startConversation() {
this.isOnCollapsedView = !this.isOnCollapsedView;
},
closeChat() {
IFrameHelper.sendMessage({ event: 'closeChat' });
},
},
};
</script>
@ -227,7 +231,7 @@ export default {
}
.input-wrap {
padding: 0 $space-normal;
padding: 0 $space-two;
}
}
</style>