Update Notifications layout (#2500)

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

plugins/tracker-resources/src/components/SpacesPopup.svelte

@@ -15,7 +15,7 @@
 <script lang="ts">
   import { afterUpdate, createEventDispatcher } from 'svelte'
 
-  import ui, { Label, EditWithIcon, IconSearch } from '@hcengineering/ui'
+  import ui, { Label, EditWithIcon, IconSearch, deviceOptionsStore } from '@hcengineering/ui'
   import SpaceInfo from './SpaceInfo.svelte'
 
   import type { Ref, Class, Space, DocumentQuery } from '@hcengineering/core'
@@ -40,7 +40,12 @@
 <div class="antiPopup antiPopup-withHeader">
   <div class="ap-space" />
   <div class="ap-header">
-    <EditWithIcon icon={IconSearch} bind:value={search} placeholder={ui.string.SearchDots} focus />
+    <EditWithIcon
+      icon={IconSearch}
+      bind:value={search}
+      placeholder={ui.string.SearchDots}
+      focus={!$deviceOptionsStore.isMobile}
+    />
     <div class="ap-caption"><Label label={ui.string.Suggested} /></div>
   </div>
   <div class="ap-space" />

plugins/tracker-resources/src/components/projects/ProjectBrowser.svelte

@@ -62,7 +62,7 @@
 
   const space = typeof query.space === 'string' ? query.space : tracker.team.DefaultTeam
   const showCreateDialog = async () => {
-    showPopup(NewProject, { space, targetElement: null }, null)
+    showPopup(NewProject, { space, targetElement: null }, 'top')
   }
 
   const handleViewModeChanged = (newMode: ProjectsViewMode) => {

plugins/tracker-resources/src/components/sprints/SprintBrowser.svelte

@@ -67,7 +67,7 @@
 
   const space = typeof query.space === 'string' ? query.space : tracker.team.DefaultTeam
   const showCreateDialog = async () => {
-    showPopup(NewSprint, { space, targetElement: null }, null)
+    showPopup(NewSprint, { space, targetElement: null }, 'top')
   }
 
   const handleViewModeChanged = (newMode: SprintViewMode) => {

plugins/tracker-resources/src/components/templates/IssueTemplatesView.svelte

@@ -67,7 +67,7 @@
   $: if (docWidth > 900 && docSize) docSize = false
 
   const showCreateDialog = async () => {
-    showPopup(CreateIssueTemplate, { targetElement: null }, null)
+    showPopup(CreateIssueTemplate, { targetElement: null }, 'top')
   }
 </script>