hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-12-24 12:06:57 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Merge pull request #874 from hcengineering/fix-attributebar

Browse Source 
Update Panel layout for AttributeBarEditor
This commit is contained in:
Andrey Sobolev 2022-01-26 16:04:17 +07:00 committed by GitHub
commit 428364a1a8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/panel/src/components/Panel.svelte
View File

@ -50,7 +50,13 @@
</div>
<ActionIcon icon={IconMoreH} size={'medium'} />
</div>
{#if $$slots.subtitle}<div class="flex-row-center subtitle"><slot name="subtitle" /></div>{/if}
{#if $$slots.subtitle}
<div class="flex-row-center subtitle">
<div class="flex-grow flex-row-center ml-10 mr-10">
<slot name="subtitle" />
</div>
</div>
{/if}
<div class="flex-col scroll-container">
<div class="flex-col content">
<slot />
@ -123,11 +129,19 @@
}
.subtitle {
overflow-x: auto;
flex-shrink: 0;
padding: 0 2rem;
height: 3.5rem;
min-height: 0;
height: 3.5rem;
border-bottom: 1px solid var(--theme-zone-bg);
&::-webkit-scrollbar:horizontal { height: .25rem; }
&::-webkit-scrollbar-track { margin: 0; }
&::-webkit-scrollbar-thumb {
background-color: var(--theme-menu-divider);
border-radius: .25rem;
&:hover { background-color: var(--theme-card-divider); }
}
}
}

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

@ -201,12 +201,14 @@ p:last-child { margin-block-end: 0; }
.ml-3 { margin-left: .75rem; }
.ml-4 { margin-left: 1rem; }
.ml-6 { margin-left: 1.5rem; }
.ml-10 { margin-left: 2.5rem; }
.mr-1 { margin-right: .25rem; }
.mr-2 { margin-right: .5rem; }
.mr-3 { margin-right: .75rem; }
.mr-4 { margin-right: 1rem; }
.mr-6 { margin-right: 1.5rem; }
.mr-8 { margin-right: 2rem; }
.mr-10 { margin-right: 2.5rem; }
.mt-2 { margin-top: .5rem; }
.mt-3 { margin-top: .75rem; }
.mt-4 { margin-top: 1rem; }