From 0efa62cf7c9b0df4a2867edd98d33ab9b72199c2 Mon Sep 17 00:00:00 2001
From: Lipis <lipiridis@gmail.com>
Date: Fri, 11 Dec 2020 21:41:54 +0200
Subject: [PATCH] Hide shortcuts on pickers for mobile (#2508)

---
 src/components/ColorPicker.scss | 7 +++++--
 src/components/IconPicker.scss  | 8 +++++---
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/ColorPicker.scss b/src/components/ColorPicker.scss
index b671a953c7..86b0d9328d 100644
--- a/src/components/ColorPicker.scss
+++ b/src/components/ColorPicker.scss
@@ -1,4 +1,4 @@
-@import "open-color/open-color.scss";
+@import "../css/_variables";
 
 .excalidraw {
   .color-picker {
@@ -208,6 +208,7 @@
   .color-picker-keybinding {
     position: absolute;
     bottom: 2px;
+    font-size: 0.7em;
 
     :root[dir="ltr"] & {
       right: 2px;
@@ -217,7 +218,9 @@
       left: 2px;
     }
 
-    font-size: 0.7em;
+    @media #{$media-query} {
+      display: none;
+    }
   }
 
   .color-picker-type-canvasBackground .color-picker-keybinding {
diff --git a/src/components/IconPicker.scss b/src/components/IconPicker.scss
index 49be1ca0fd..4e9a2d3925 100644
--- a/src/components/IconPicker.scss
+++ b/src/components/IconPicker.scss
@@ -1,4 +1,4 @@
-@import "open-color/open-color.scss";
+@import "../css/_variables";
 
 .excalidraw {
   .picker-container {
@@ -98,6 +98,7 @@
   .picker-keybinding {
     position: absolute;
     bottom: 2px;
+    font-size: 0.7em;
 
     :root[dir="ltr"] & {
       right: 2px;
@@ -106,8 +107,9 @@
     :root[dir="rtl"] & {
       left: 2px;
     }
-
-    font-size: 0.7em;
+    @media #{$media-query} {
+      display: none;
+    }
   }
 
   .picker-type-canvasBackground .picker-keybinding {