wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-13 03:40:48 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Fix Activity layout. (#1757)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2022-05-15 07:50:49 +03:00 committed by GitHub
parent b8e8edebbc
commit 9cecb990ee
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/theme/styles/common.scss
View File

@ -257,5 +257,5 @@
margin: .25rem 0;
min-height: 1px;
height: 1px;
background-color: var(--highlight-select-border);
background-color: var(--divider-color);
}

8
plugins/activity-resources/src/components/Activity.svelte
View File

@ -88,7 +88,7 @@
</div>
{:else}
<slot />
<div class="antiDivider" style:margin={'1rem 0 .25rem'} />
<div class="antiDivider" style:margin={'1rem -1.5rem'} />
<div class="header antiTitle">
<div class="icon-wrapper">
<div class="wrapped-icon icon flex-center"><IconActivity size={'small'} /></div>
@ -117,14 +117,14 @@
align-items: center;
min-height: 2.5rem;
height: 2.5rem;
background-color: var(--highlight-select);
border: 1px solid var(--highlight-select-border);
background-color: var(--accent-bg-color);
border: 1px solid var(--divider-color);
border-radius: 0.125rem;
}
.icon {
margin-left: 1rem;
height: 2rem;
color: var(--primary-bg-color);
color: var(--caption-color);
}
.ref-input {
flex-shrink: 0;

25
plugins/chunter-resources/src/components/EditChannel.svelte
View File

@ -70,17 +70,22 @@
>
<svelte:fragment slot="title">
{#if clazz && channel}
<div class="antiTitle icon-wrapper">
<div class="wrapped-icon">
{#if clazz.icon}<Icon icon={channel.private ? Lock : clazz.icon} size={'medium'} />{/if}
{#if _class === chunter.class.DirectMessage}
<span class="fs-title"><Label label={clazz.label} /></span>
{:else}
<div class="antiTitle icon-wrapper">
<div class="wrapped-icon">
{#if clazz.icon}<Icon icon={channel.private ? Lock : clazz.icon} size={'medium'} />{/if}
</div>
<div class="title-wrapper">
<span class="wrapped-title">
<span class="trans-title content-color"><Label label={clazz.label} />›</span>
{channel.name}
</span>
<span class="wrapped-subtitle">{channel.description}</span>
</div>
</div>
<div class="title-wrapper">
<span class="wrapped-title"
><span class="trans-title content-color"><Label label={clazz.label} />›</span> {channel.name}</span
>
<span class="wrapped-subtitle">{channel.description}</span>
</div>
</div>
{/if}
{/if}
</svelte:fragment>