From 738f69fff416d96e71d251573e0e87fc499e8210 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Sat, 14 Aug 2021 09:27:30 +0700
Subject: [PATCH] fixed stickers scroll

---
 src/components/panels/EditorPanel.tsx | 4 ++--
 src/styles/panel.scss                 | 7 ++++++-
 src/styles/stickers.scss              | 2 ++
 src/styles/user-button.scss           | 2 +-
 4 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/panels/EditorPanel.tsx b/src/components/panels/EditorPanel.tsx
index 61bd25c..a68cfcb 100644
--- a/src/components/panels/EditorPanel.tsx
+++ b/src/components/panels/EditorPanel.tsx
@@ -109,13 +109,13 @@ class EditorPanelUnconnected extends PureComponent<Props, void> {
               active: can_undo || can_redo || can_clear,
             })}
           >
-            <button className={classnames({ inactive: !can_undo })} onClick={this.props.editorUndo}>
+            <button className={classnames('undo-button', { inactive: !can_undo })} onClick={this.props.editorUndo}>
               <Tooltip>Отмена (z)</Tooltip>
               <Icon icon="icon-undo" size={24} />
             </button>
 
             <button
-              className={classnames({
+              className={classnames('undo-button', {
                 inactive: !can_redo,
               })}
               onClick={this.props.editorRedo}
diff --git a/src/styles/panel.scss b/src/styles/panel.scss
index 4854214..9462e9d 100644
--- a/src/styles/panel.scss
+++ b/src/styles/panel.scss
@@ -60,6 +60,11 @@
   }
 }
 
+.panel button.undo-button {
+  @media (max-width: 420px) {
+    display: none;
+  }
+}
 .panel {
   position: fixed;
   left: 10px;
@@ -267,7 +272,7 @@
     }
   }
 
-  @media (max-width: $micro_breakpoint) {
+  @media (max-width: 350px) {
     bottom: 68px;
   }
 }
diff --git a/src/styles/stickers.scss b/src/styles/stickers.scss
index 94670eb..d4f8384 100644
--- a/src/styles/stickers.scss
+++ b/src/styles/stickers.scss
@@ -181,6 +181,8 @@
 .stickers-helper {
   flex-direction: column;
   padding-top: 0;
+  max-height: calc(100vh - 60px - 72px);
+  overflow: auto;
 }
 
 .stickers-grid {
diff --git a/src/styles/user-button.scss b/src/styles/user-button.scss
index 1433c14..80e1d06 100644
--- a/src/styles/user-button.scss
+++ b/src/styles/user-button.scss
@@ -9,7 +9,7 @@
 }
 
 .user-bar-guest {
-  // width: 168px;
+   width: 38px;
   @media (min-width: $mobile_breakpoint) {
     width: 158px;
   }