hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-11-22 21:50:34 +03:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Fix header size (#191)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2021-09-13 22:50:08 +03:00 committed by GitHub
parent 570c3e2bac
commit 28ca1ff5de
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
plugins/recruit-resources/src/components/CreateVacancy.svelte
View File

@ -58,7 +58,7 @@
on:close={() => { dispatch('close') }}>
<Section icon={IconFile} label={'General Information'}>
<Grid column={1}>
<EditBox label={recruit.string.VacancyName} bind:value={name} placeholder="Software Engineer" focus/>
<EditBox label={recruit.string.VacancyName} bind:value={name} placeholder="Software Engineer" maxWidth="39rem" focus/>
<TextArea label={recruit.string.VacancyDescription} bind:value={description} placeholder="Start typing..."/>
<ToggleWithLabel label={recruit.string.MakePrivate} description={recruit.string.MakePrivateDescription}/>
</Grid>

4
plugins/workbench-resources/src/components/Header.svelte
View File

@ -23,7 +23,7 @@
</script>
<div class="header-container">
<div class="flex-center">
<div class="flex-row-center">
{#if icon }<span class="icon"><Icon {icon} size={'small'}/></span>{/if}
<span class="label">{label}</span>
</div>
@ -35,7 +35,6 @@
display: flex;
flex-direction: column;
flex-grow: 1;
width: 100%;
.icon {
margin-right: .5rem;
@ -46,6 +45,7 @@
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 35rem;
}
.label {
font-weight: 500;

10
plugins/workbench-resources/src/components/SpaceHeader.svelte
View File

@ -41,7 +41,7 @@
}
</script>
<div class="container" class:bottom-divider={divider}>
<div class="spaceheader-container" class:bottom-divider={divider}>
{#if data}
<Header icon={classIcon(client, data._class)} label={data.name} description={data.description} />
{#if createItemDialog}
@ -54,19 +54,15 @@
</div>
<style lang="scss">
// .container {
// display: flex;
// }
.container {
.spaceheader-container {
display: grid;
grid-template-columns: auto;
grid-auto-flow: column;
grid-auto-columns: minmax(min-content, auto);
grid-auto-columns: min-content;
gap: .75rem;
align-items: center;
padding: 0 2rem 0 2.5rem;
height: 4.5rem;
min-height: 4.5rem;
max-width: max-content;
}
</style>