From 8e498027f610eeabdaddd4fa20ba6ca5096dd019 Mon Sep 17 00:00:00 2001
From: Alexander Platov <alexander.platov@hardcoreeng.com>
Date: Thu, 16 Jan 2025 07:22:22 +0300
Subject: [PATCH] Fixed the height of the sidebar in the mobile theme (#7682)

Signed-off-by: Alexander Platov <alexander.platov@hardcoreeng.com>
---
 .../src/components/sidebar/SidebarExpanded.svelte      | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/plugins/workbench-resources/src/components/sidebar/SidebarExpanded.svelte b/plugins/workbench-resources/src/components/sidebar/SidebarExpanded.svelte
index 2b393de8c9..404872c80f 100644
--- a/plugins/workbench-resources/src/components/sidebar/SidebarExpanded.svelte
+++ b/plugins/workbench-resources/src/components/sidebar/SidebarExpanded.svelte
@@ -99,7 +99,7 @@
   }
 </script>
 
-<div class="sidebar-wrap__content" class:float>
+<div class="sidebar-wrap__content{float ? ` apps-${$deviceInfo.navigator.direction}` : ''}" class:float>
   {#if float && !($deviceInfo.isMobile && $deviceInfo.isPortrait && $deviceInfo.minWidth)}
     <Separator name={'main'} index={0} color={'var(--theme-navpanel-border)'} float={'sidebar'} />
   {/if}
@@ -178,10 +178,16 @@
 
       :global(.mobile-theme) & {
         overflow: hidden;
-        height: calc(100% - var(--app-panel-width));
         border: 1px solid var(--theme-divider-color);
         border-radius: var(--medium-BorderRadius);
         filter: var(--theme-navpanel-shadow-mobile);
+
+        &.apps-horizontal {
+          height: calc(100% - var(--app-panel-width));
+        }
+        :global(.antiSeparator) {
+          display: none;
+        }
       }
     }
   }