Browse Source

Hide shortcuts on pickers for mobile (#2508)

Lipis 4 years ago
parent
commit
0efa62cf7c
2 changed files with 10 additions and 5 deletions
  1. 5 2
      src/components/ColorPicker.scss
  2. 5 3
      src/components/IconPicker.scss

+ 5 - 2
src/components/ColorPicker.scss

@@ -1,4 +1,4 @@
-@import "open-color/open-color.scss";
+@import "../css/_variables";
 
 
 .excalidraw {
 .excalidraw {
   .color-picker {
   .color-picker {
@@ -208,6 +208,7 @@
   .color-picker-keybinding {
   .color-picker-keybinding {
     position: absolute;
     position: absolute;
     bottom: 2px;
     bottom: 2px;
+    font-size: 0.7em;
 
 
     :root[dir="ltr"] & {
     :root[dir="ltr"] & {
       right: 2px;
       right: 2px;
@@ -217,7 +218,9 @@
       left: 2px;
       left: 2px;
     }
     }
 
 
-    font-size: 0.7em;
+    @media #{$media-query} {
+      display: none;
+    }
   }
   }
 
 
   .color-picker-type-canvasBackground .color-picker-keybinding {
   .color-picker-type-canvasBackground .color-picker-keybinding {

+ 5 - 3
src/components/IconPicker.scss

@@ -1,4 +1,4 @@
-@import "open-color/open-color.scss";
+@import "../css/_variables";
 
 
 .excalidraw {
 .excalidraw {
   .picker-container {
   .picker-container {
@@ -98,6 +98,7 @@
   .picker-keybinding {
   .picker-keybinding {
     position: absolute;
     position: absolute;
     bottom: 2px;
     bottom: 2px;
+    font-size: 0.7em;
 
 
     :root[dir="ltr"] & {
     :root[dir="ltr"] & {
       right: 2px;
       right: 2px;
@@ -106,8 +107,9 @@
     :root[dir="rtl"] & {
     :root[dir="rtl"] & {
       left: 2px;
       left: 2px;
     }
     }
-
-    font-size: 0.7em;
+    @media #{$media-query} {
+      display: none;
+    }
   }
   }
 
 
   .picker-type-canvasBackground .picker-keybinding {
   .picker-type-canvasBackground .picker-keybinding {