Fixed the height of the sidebar in the mobile theme (#7682)

Signed-off-by: Alexander Platov <alexander.platov@hardcoreeng.com>
hcengineering · Jan 16, 2025 · 8e49802 · 8e49802
1 parent d05a5f6
commit 8e49802
Showing 1 changed file with 8 additions and 2 deletions.
diff --git 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;
+        }
       }
     }
   }