From 5913f78dc79d1700a9cee6304af16120c1b43b9c Mon Sep 17 00:00:00 2001 From: kolaente Date: Wed, 21 Jul 2021 00:05:11 +0200 Subject: [PATCH] Hide keyboard shortcuts indicator on mobile --- src/styles/components/keyboard-shortcuts.scss | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/src/styles/components/keyboard-shortcuts.scss b/src/styles/components/keyboard-shortcuts.scss index 93b3f9e4..58ee3e8e 100644 --- a/src/styles/components/keyboard-shortcuts.scss +++ b/src/styles/components/keyboard-shortcuts.scss @@ -1,9 +1,13 @@ .keyboard-shortcuts-button { - position: fixed; - bottom: calc(1rem - 4px); - right: 1rem; - z-index: 4500; // The modal has a z-index of 4000 + position: fixed; + bottom: calc(1rem - 4px); + right: 1rem; + z-index: 4500; // The modal has a z-index of 4000 - color: $grey-500; - transition: color $transition; + color: $grey-500; + transition: color $transition; + + @media screen and (max-width: $tablet) { + display: none; + } }