Use alt-k as shortcut as ctrl-k is already taken in the browser by ch…

…rome (checkly#176)

Co-authored-by: Nikos Verschore <[email protected]>

README.md

@@ -80,9 +80,9 @@ This project builds on existing open source projects (see [Credits](#-credits))
 
 ### ⌨️ Shortcuts
 
-- `ctrl + k`: Toggle overlay
-- `ctrl + shift + F`: Take full page screenshot
-- `ctrl + shift + E`: Take element screenshot
+- `alt + k`: Toggle overlay
+- `alt + shift + F`: Take full page screenshot
+- `alt + shift + E`: Take element screenshot
 
 <br>
 

src/modules/overlay/Overlay.vue

@@ -39,7 +39,7 @@
         REC
       </div>
       <span class="hr-shortcut">
-        ctrl + k to hide
+        alt + k to hide
       </span>
       <button
         class="hr-btn"
@@ -63,15 +63,15 @@
         :disabled="isPaused"
         class="hr-btn-big"
         @click.prevent="fullScreenshot"
-        v-tippy="{ content: 'Full Screenshot (ctrl+shift+F)', appendTo: 'parent' }"
+        v-tippy="{ content: 'Full Screenshot (alt+shift+F)', appendTo: 'parent' }"
       >
         <img width="27" height="27" :src="getIcon('screen')" alt="full page sreenshot" />
       </button>
       <button
         :disabled="isPaused"
         class="hr-btn-big"
         @click.prevent="clippedScreenshot"
-        v-tippy="{ content: 'Element Screenshot (ctrl+shift+E)', appendTo: 'parent' }"
+        v-tippy="{ content: 'Element Screenshot (alt+shift+E)', appendTo: 'parent' }"
       >
         <img width="27" height="27" :src="getIcon('clip')" alt="clipped sreenshot" />
       </button>
@@ -144,7 +144,7 @@ export default {
     },
 
     keyupListener(e) {
-      if (!e.ctrlKey) {
+      if (!e.altKey) {
         return
       }