Update Telegram, Panel, top bars layouts. Fix vacancy cards and components (#534)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>

plugins/workbench-resources/src/components/NavHeader.svelte

@@ -19,26 +19,17 @@
   import workbench from '../plugin'
 
   export let label: IntlString
-  export let action: () => Promise<void> | void
+  // export let action: () => Promise<void> | void
 </script>
 
-<div class="container">
-  <span class="overflow-label label"><Label {label}></Label></span>
-  <ActionIcon label={workbench.string.More} icon={IconMoreH} size={'small'} {action}/>
+<div class="flex-between navheader-container">
+  <span class="fs-title overflow-label"><Label {label}></Label></span>
+  <!-- <ActionIcon label={workbench.string.More} icon={IconMoreH} size={'small'} {action}/> -->
 </div>
 
 <style lang="scss">
-  .container {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+  .navheader-container {
     padding: 0 1.75rem;
-    height: 4.5rem;
-
-    .label {
-      font-weight: 500;
-      font-size: 1rem;
-      color: var(--theme-caption-color);
-    }
+    height: 4rem;
   }
 </style>

plugins/workbench-resources/src/components/SpaceHeader.svelte

@@ -61,8 +61,8 @@
     grid-auto-columns: min-content;
     gap: .75rem;
     align-items: center;
-    padding: 0 2rem 0 2.5rem;
-    height: 4.5rem;
-    min-height: 4.5rem;
+    padding: 0 1.75rem 0 2.5rem;
+    height: 4rem;
+    min-height: 4rem;
   }
 </style>

plugins/workbench-resources/src/components/Workbench.svelte

@@ -113,7 +113,7 @@
     {#if navigator && visibileNav}
     <div class="panel-navigator">
       {#if currentApplication}
-        <NavHeader label={currentApplication.label} action={() => {}} />
+        <NavHeader label={currentApplication.label} />
       {/if}
       <Navigator model={navigatorModel} />
     </div>