Hide shortcuts on pickers for mobile (#2508)

4 years ago · 0efa62cf7c
parent c742225f43
commit 0efa62cf7c
2 changed files with 10 additions and 5 deletions
--- 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 {
--- 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 {