From 10fe399bd056c35886dc8a8940131aa7560e53d6 Mon Sep 17 00:00:00 2001 From: Alexander Platov Date: Mon, 29 Jul 2024 08:23:52 +0300 Subject: [PATCH 1/6] Updated Server Manager layout (#6158) Signed-off-by: Alexander Platov --- .../src/components/ServerManager.svelte | 79 +++++++++++-------- 1 file changed, 47 insertions(+), 32 deletions(-) diff --git a/plugins/workbench-resources/src/components/ServerManager.svelte b/plugins/workbench-resources/src/components/ServerManager.svelte index 5cd23b629f..80700cbc5c 100644 --- a/plugins/workbench-resources/src/components/ServerManager.svelte +++ b/plugins/workbench-resources/src/components/ServerManager.svelte @@ -10,9 +10,13 @@ import ServerManagerGeneral from './ServerManagerGeneral.svelte' import { getEmbeddedLabel } from '@hcengineering/platform' - import { Panel, TabItem, TabList } from '@hcengineering/ui' + import { createEventDispatcher } from 'svelte' + import presentation from '@hcengineering/presentation' + import { Header, TabItem, Switcher, Breadcrumb, IconSettings, ButtonIcon, IconClose } from '@hcengineering/ui' import ServerManagerAccountStatistics from './ServerManagerAccountStatistics.svelte' + const dispatch = createEventDispatcher() + const tabs: TabItem[] = [ { id: 'general', @@ -42,35 +46,46 @@ let selectedTab: string | number = tabs[0].id - - - Server manager - { - selectedTab = result.detail.id - }} - /> - - {#if selectedTab === 'general'} - - {:else if selectedTab === 'users'} - - {:else if selectedTab === 'statistics'} - - {:else if selectedTab === 'statistics-front'} - - {:else if selectedTab === 'statistics-collab'} - - {:else if selectedTab === 'account'} - - {/if} - +
+
+ + dispatch('close')} + /> + - + + + + { + selectedTab = result.detail.id + }} + /> + +
+ +
+ {#if selectedTab === 'general'} + + {:else if selectedTab === 'users'} + + {:else if selectedTab === 'statistics'} + + {:else if selectedTab === 'statistics-front'} + + {:else if selectedTab === 'statistics-collab'} + + {:else if selectedTab === 'account'} + + {/if} +
+
From d1ef98cf873ee40e684359146192f8e539b3a8e5 Mon Sep 17 00:00:00 2001 From: Alexander Platov Date: Mon, 29 Jul 2024 08:24:41 +0300 Subject: [PATCH 2/6] Fixed Scrollbar in Filters, presenters and adjusted tests (#6160) Signed-off-by: Alexander Platov --- packages/theme/styles/popups.scss | 1 - packages/ui/src/components/Button.svelte | 2 ++ .../src/components/NotificationToast.svelte | 6 ++-- .../components/ActivityMessageAction.svelte | 6 ++-- .../components/ActivityMessageActions.svelte | 12 ++++--- .../components/state/StatePresenter.svelte | 4 +-- .../components/state/StateRefPresenter.svelte | 2 +- .../src/components/Templates.svelte | 3 +- .../src/components/TextActionButton.svelte | 1 + .../src/components/DueDateEditor.svelte | 1 + .../src/components/ObjectPresenter.svelte | 4 +-- .../custom-atributes/class-properties-page.ts | 2 +- tests/sanity/tests/model/channel-page.ts | 32 ++++++++++++++----- .../model/documents/document-content-page.ts | 2 +- .../tests/model/planning/planning-page.ts | 8 ++--- .../sanity/tests/model/tracker/issues-page.ts | 11 +++++-- 16 files changed, 61 insertions(+), 36 deletions(-) diff --git a/packages/theme/styles/popups.scss b/packages/theme/styles/popups.scss index 31e5ae1f23..aab96f82ca 100644 --- a/packages/theme/styles/popups.scss +++ b/packages/theme/styles/popups.scss @@ -194,7 +194,6 @@ height: max-content; overflow-x: hidden; overflow-y: auto; - scrollbar-width: thin; &::-webkit-scrollbar { width: 0; } .box { diff --git a/packages/ui/src/components/Button.svelte b/packages/ui/src/components/Button.svelte index 5812b007b7..9c44f0692d 100644 --- a/packages/ui/src/components/Button.svelte +++ b/packages/ui/src/components/Button.svelte @@ -57,6 +57,7 @@ export let title: string | undefined = undefined export let borderStyle: 'solid' | 'dashed' | 'none' = 'solid' export let id: string | undefined = undefined + export let dataId: string | undefined = undefined export let input: HTMLButtonElement | undefined = undefined export let showTooltip: LabelAndProps | undefined = undefined export let short: boolean = false @@ -154,6 +155,7 @@ on:mousemove on:mouseleave {id} + data-id={dataId} > {#if icon && !loading}
diff --git a/packages/ui/src/components/NotificationToast.svelte b/packages/ui/src/components/NotificationToast.svelte index aba306a501..0a6b7a3777 100644 --- a/packages/ui/src/components/NotificationToast.svelte +++ b/packages/ui/src/components/NotificationToast.svelte @@ -43,7 +43,7 @@ $: icon = getIcon() -
+
{#if icon} @@ -60,7 +60,7 @@ {title}
{#if onClose !== undefined} -
@@ -76,7 +76,7 @@