client: fix tabs scroll on mobile

AdguardTeam · Sep 19, 2022 · 3f8f8c7 · 3f8f8c7
1 parent 9ffe078
commit 3f8f8c7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/client/src/components/ui/Tab.js b/client/src/components/ui/Tab.js
@@ -19,9 +19,11 @@ const Tab = ({
             className={tabClass}
             onClick={handleClick}
         >
-            <svg className="tab__icon">
-                <use xlinkHref={`#${label.toLowerCase()}`} />
-            </svg>
+            <div>
+                <svg className="tab__icon">
+                    <use xlinkHref={`#${label.toLowerCase()}`} />
+                </svg>
+            </div>
             {t(title || label)}
         </div>
     );

diff --git a/client/src/components/ui/Tabs.css b/client/src/components/ui/Tabs.css
@@ -67,6 +67,7 @@
     height: 24px;
     margin-bottom: 6px;
     fill: #4a4a4a;
+    touch-action: initial;
 }
 
 .tab__text {