mirror of
https://github.com/chatwoot/chatwoot.git
synced 2026-07-01 21:03:46 +08:00
28d4432152
# Pull Request Template ## Description This PR includes UI changes to dynamically add the `Shift` key to the key set `Alt+KeyP` and `Alt+KeyL` in the keyboard shortcut modal for the `QWERTZ` layout. **Context** Previously, the `Alt+L` shortcut for toggling the reply editor conflicted with the `@` symbol on the QWERTZ layout in macOS. The new `useDetectLayout` composable checks the active keyboard layout. If `QWERTZ` is detected, the shortcuts are modified to `Shift+Alt+KeyP` and `Shift+Alt+KeyL`. [PR with the functionality changes](https://github.com/chatwoot/chatwoot/pull/9831#event-13764407813) Fixes https://linear.app/chatwoot/issue/PR-1095/typing-a-in-private-note-switches-to-reply-tab-with-german-keyboard ## Type of change - [x] Breaking change (fix or feature that would cause existing functionality not to work as expected) ## How Has This Been Tested? **Loom video** https://www.loom.com/share/35b741c5afc64bc58bd4e7dc5dad012d?sid=f66ca0bf-b6a7-40fc-8972-ff0cd0196a16 ## Checklist: - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my code - [x] I have commented on my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [x] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [x] New and existing unit tests pass locally with my changes - [ ] Any dependent changes have been merged and published in downstream modules |
||
|---|---|---|
| .. | ||
| Accordion | ||
| app | ||
| base | ||
| buttons | ||
| layout | ||
| specs | ||
| ui | ||
| widgets | ||
| ChannelSelector.vue | ||
| ChatList.vue | ||
| ChatListHeader.vue | ||
| Code.vue | ||
| ConversationItem.vue | ||
| CustomAttribute.vue | ||
| CustomBrandPolicyWrapper.vue | ||
| CustomSnoozeModal.vue | ||
| FormSection.vue | ||
| index.js | ||
| IntersectionObserver.vue | ||
| MaskedText.vue | ||
| Modal.vue | ||
| ModalHeader.vue | ||
| NetworkNotification.vue | ||
| policy.vue | ||
| SettingsSection.vue | ||
| SidemenuIcon.vue | ||
| Snackbar.vue | ||
| SnackbarContainer.vue | ||