From c6634a8eb57a635358307f5c737693dbc04121ac Mon Sep 17 00:00:00 2001 From: Vitor M Date: Sat, 11 Jan 2020 19:28:25 +0100 Subject: [PATCH] Greatly improve responsiveness of the virtual keyboard on the website (#123) --- dist/hotkeys.common.js | 2 +- dist/hotkeys.esm.js | 2 +- dist/hotkeys.js | 2 +- website/components/KeyBoard.less | 5 +++-- 4 files changed, 6 insertions(+), 5 deletions(-) diff --git a/dist/hotkeys.common.js b/dist/hotkeys.common.js index b04d539..6516a46 100644 --- a/dist/hotkeys.common.js +++ b/dist/hotkeys.common.js @@ -2,7 +2,7 @@ * hotkeys-js v3.7.3 * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. * - * Copyright (c) 2019 kenny wong + * Copyright (c) 2020 kenny wong * http://jaywcjlove.github.io/hotkeys * * Licensed under the MIT license. diff --git a/dist/hotkeys.esm.js b/dist/hotkeys.esm.js index a5064f7..56c5d1d 100644 --- a/dist/hotkeys.esm.js +++ b/dist/hotkeys.esm.js @@ -2,7 +2,7 @@ * hotkeys-js v3.7.3 * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. * - * Copyright (c) 2019 kenny wong + * Copyright (c) 2020 kenny wong * http://jaywcjlove.github.io/hotkeys * * Licensed under the MIT license. diff --git a/dist/hotkeys.js b/dist/hotkeys.js index a2d5097..38e8c48 100644 --- a/dist/hotkeys.js +++ b/dist/hotkeys.js @@ -2,7 +2,7 @@ * hotkeys-js v3.7.3 * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. * - * Copyright (c) 2019 kenny wong + * Copyright (c) 2020 kenny wong * http://jaywcjlove.github.io/hotkeys * * Licensed under the MIT license. diff --git a/website/components/KeyBoard.less b/website/components/KeyBoard.less index 3414b02..5d91321 100644 --- a/website/components/KeyBoard.less +++ b/website/components/KeyBoard.less @@ -31,14 +31,15 @@ border-radius: 8px; border: 1px solid #3A3A3A; box-shadow: 1px 0px 0px rgb(0,0,0),0px 1px 0px rgb(0,0,0),-1px 0px 0px rgb(0,0,0),0px -1px 0px rgb(0,0,0); - transition: all .2s; + transition: all .4s ease-in; user-select: none; cursor: pointer; position: relative; &:active, &:global(.pressed) { color:#52F800; background-color: #100068; - border:1px solid #332376; + border: 1px solid #332376; + transition: 1ms linear; } &:nth-child(1) { width: 99px;