Merge pull request #166 from farabi-deriv/farabi/bot-2480/fix-charts-…

…and-minor-bugs-on-tablet-view Farabi/bot-2480/fix-charts-and-minor-bugs-on-tablet-view
deriv-com · Dec 4, 2024 · 2d19081 · 2d19081
2 parents 48080ef + 122a600
commit 2d19081
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 deletions.
diff --git a/src/components/run-panel/run-panel.scss b/src/components/run-panel/run-panel.scss
@@ -401,7 +401,6 @@
     &__button {
         @include mobile-or-tablet-screen {
             flex-basis: 100%;
-            margin-left: unset;
         }
     }
 }
diff --git a/src/components/shared_ui/drawer/drawer.tsx b/src/components/shared_ui/drawer/drawer.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
-import { LegacyChevronUp2pxIcon } from '@deriv/quill-icons';
+import { LegacyHandleLessIcon } from '@deriv/quill-icons';
 import { useDevice } from '@deriv-com/ui';
 
 type TDrawer = {
@@ -81,7 +81,7 @@ const Drawer = ({
                         })}
                     />
                 ) : (
-                    <LegacyChevronUp2pxIcon fill='#000000' iconSize='sm' className='dc-drawer__toggle-icon' />
+                    <LegacyHandleLessIcon iconSize='sm' className='dc-drawer__toggle-icon' />
                 )}
             </div>
             <div className={classNames('dc-drawer__container', { [`dc-drawer__container--${anchor}`]: isDesktop })}>

diff --git a/src/pages/bot-builder/toolbar/toolbar.scss b/src/pages/bot-builder/toolbar/toolbar.scss
@@ -134,7 +134,7 @@
         @include mobile-or-tablet-screen {
             background-color: var(--general-main-1);
             position: absolute;
-            top: 0;
+            top: 10;
             overflow-y: auto;
             scrollbar-width: none;
             height: calc(100% - 5rem);

diff --git a/src/pages/chart/chart.tsx b/src/pages/chart/chart.tsx
@@ -49,7 +49,7 @@ const Chart = observer(({ show_digits_stats }: { show_digits_stats: boolean }) =
         chart_subscription_id,
     } = chart_store;
     const chartSubscriptionIdRef = useRef(chart_subscription_id);
-    const { isDesktop } = useDevice();
+    const { isDesktop, isMobile } = useDevice();
     const { is_drawer_open } = run_panel;
     const { is_chart_modal_visible } = dashboard;
     const settings = {
@@ -128,7 +128,7 @@ const Chart = observer(({ show_digits_stats }: { show_digits_stats: boolean }) =
                     />
                 )}
                 chartType={chart_type}
-                isMobile={!isDesktop}
+                isMobile={isMobile}
                 enabledNavigationWidget={isDesktop}
                 granularity={granularity}
                 requestAPI={requestAPI}