diff --git a/src/components/ColorPicker.scss b/src/components/ColorPicker.scss index b671a953c..86b0d9328 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 49be1ca0f..4e9a2d392 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 {