hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-11-23 05:53:09 +03:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Limiting lines and text length (#658)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2021-12-17 12:06:08 +03:00 committed by GitHub
parent 531343d17b
commit 88df48d3a9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
14 changed files with 26 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -332,6 +332,16 @@ a.no-line {
user-select: none;
min-width: 0;
}
.lines-limit-2 {
min-width: 0;
overflow: hidden;
visibility: visible;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
}
.focused-button {
background-color: var(--theme-button-bg-focused);

2
packages/ui/src/components/TooltipInstance.svelte
View File

@ -118,7 +118,7 @@
}
const hideTooltip = (): void => {
tooltipHTML.style.visibility = 'hidden'
if (tooltipHTML) tooltipHTML.style.visibility = 'hidden'
closeTooltip()
}

2
plugins/chunter-resources/src/components/CreateChannel.svelte
View File

@ -48,7 +48,7 @@
on:close={() => { dispatch('close') }}
>
<Grid column={1} rowGap={1.5}>
<EditBox label={chunter.string.ChannelName} icon={IconFolder} bind:value={name} placeholder={'Channel'} focus/>
<EditBox label={chunter.string.ChannelName} icon={IconFolder} bind:value={name} placeholder={'Channel'} maxWidth={'16rem'} focus/>
<ToggleWithLabel label={chunter.string.MakePrivate} description={chunter.string.MakePrivateDescription}/>
</Grid>
</SpaceCreateCard>

2
plugins/contact-resources/src/components/CreateOrganizations.svelte
View File

@ -50,7 +50,7 @@
}}
>
<Grid column={1} rowGap={1.5}>
<EditBox label={contact.string.Name} icon={IconFolder} bind:value={name} placeholder="Organizations" focus />
<EditBox label={contact.string.Name} icon={IconFolder} bind:value={name} placeholder="Organizations" maxWidth={'16rem'} focus />
<ToggleWithLabel label={contact.string.MakePrivate} description={contact.string.MakePrivateDescription} />
</Grid>
</SpaceCreateCard>

2
plugins/contact-resources/src/components/CreatePersons.svelte
View File

@ -50,7 +50,7 @@
}}
>
<Grid column={1} rowGap={1.5}>
<EditBox label={contact.string.Name} icon={IconFolder} bind:value={name} placeholder="Folder" focus />
<EditBox label={contact.string.Name} icon={IconFolder} bind:value={name} placeholder="Folder" maxWidth={'16rem'} focus />
<ToggleWithLabel label={contact.string.MakePrivate} description={contact.string.MakePrivateDescription} />
</Grid>
</SpaceCreateCard>

2
plugins/lead-resources/src/components/CreateFunnel.svelte
View File

@ -63,7 +63,7 @@
}}
>
<Grid column={1} rowGap={1.5}>
<EditBox label={lead.string.FunnelName} icon={IconFolder} bind:value={name} placeholder={'Funnel name'} focus />
<EditBox label={lead.string.FunnelName} icon={IconFolder} bind:value={name} placeholder={'Funnel name'} maxWidth={'16rem'} focus />
<ToggleWithLabel label={lead.string.MakePrivate} description={lead.string.MakePrivateDescription} />
<KanbanTemplateSelector folders={[lead.space.FunnelTemplates]} bind:template={templateId}/>
</Grid>

2
plugins/lead-resources/src/components/CreateLead.svelte
View File

@ -97,7 +97,7 @@
bind:value={title}
icon={lead.icon.Lead}
placeholder="The simple lead"
maxWidth="39rem"
maxWidth={'16rem'}
focus
/>
<UserBox _class={contact.class.Contact} title="Customer" caption="Select customer" bind:value={customer} />

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

@ -50,7 +50,7 @@
on:close={() => { dispatch('close') }}
>
<Grid column={1} rowGap={1.5}>
<EditBox label={recruit.string.CandidatesName} icon={IconFolder} bind:value={name} placeholder={'Talent Pool'} focus/>
<EditBox label={recruit.string.CandidatesName} icon={IconFolder} bind:value={name} placeholder={'Talent Pool'} maxWidth={'16rem'} focus/>
<ToggleWithLabel label={recruit.string.MakePrivate} description={recruit.string.MakePrivateDescription}/>
</Grid>
</SpaceCreateCard>

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

@ -62,7 +62,7 @@
on:close={() => { dispatch('close') }}
>
<Grid column={1} rowGap={1.5}>
<EditBox label={recruit.string.VacancyName} bind:value={name} icon={Vacancy} placeholder="Software Engineer" maxWidth="39rem" focus/>
<EditBox label={recruit.string.VacancyName} bind:value={name} icon={Vacancy} placeholder="Software Engineer" maxWidth={'16rem'} focus/>
<Dropdown icon={Company} label={'Company *'} placeholder={'Company'} />
<KanbanTemplateSelector folders={[recruit.space.VacancyTemplates]} bind:template={templateId}/>
</Grid>

4
plugins/recruit-resources/src/components/KanbanCard.svelte
View File

@ -39,8 +39,8 @@
<div class="flex-row-center">
<Avatar avatar={object.$lookup?.attachedTo?.avatar} size={'medium'} />
<div class="flex-col ml-2">
<div class="fs-title over-underline" on:click={showCandidate}><Label label={formatName(object.$lookup?.attachedTo?.name)} /></div>
<div class="small-text">{object.$lookup?.attachedTo?.title ?? ''}</div>
<div class="fs-title over-underline lines-limit-2" on:click={showCandidate}><Label label={formatName(object.$lookup?.attachedTo?.name)} /></div>
<div class="small-text lines-limit-2">{object.$lookup?.attachedTo?.title ?? ''}</div>
</div>
</div>
<ActionIcon label={'More...'} icon={IconMoreH} size={'small'} />

2
plugins/task-resources/src/components/CreateProject.svelte
View File

@ -62,7 +62,7 @@
}}
>
<Grid column={1} rowGap={1.5}>
<EditBox label={task.string.ProjectName} icon={IconFolder} bind:value={name} placeholder={'Project name'} focus />
<EditBox label={task.string.ProjectName} icon={IconFolder} bind:value={name} placeholder={'Project name'} maxWidth={'16rem'} focus />
<ToggleWithLabel label={task.string.MakePrivate} description={task.string.MakePrivateDescription} />
<KanbanTemplateSelector folders={[task.space.ProjectTemplates]} bind:template={templateId}/>
</Grid>

2
plugins/task-resources/src/components/CreateTask.svelte
View File

@ -107,7 +107,7 @@
bind:value={object.name}
icon={task.icon.Task}
placeholder="The boring task"
maxWidth="39rem"
maxWidth={'16rem'}
focus
/>
<UserBox

4
plugins/task-resources/src/components/KanbanCard.svelte
View File

@ -39,8 +39,8 @@
<div class="sm-tool-icon step-lr75">
<TaskPresenter value={object} />
</div>
<div class="fs-title">{object.name}</div>
<div class="small-text">{object.description}</div>
<div class="fs-title lines-limit-2">{object.name}</div>
<div class="small-text lines-limit-2">{object.description}</div>
</div>
</div>
</div>

6
plugins/view-resources/src/components/StringPresenter.svelte
View File

@ -15,9 +15,7 @@
-->
<script lang="ts">
export let value: string
export let value: string
</script>
{value}
<span class="lines-limit-2">{value}</span>