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

UI fixes (#1107)

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

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

@ -91,8 +91,12 @@ p:first-child { margin-block-start: 0; } // First and last padding
p:last-child { margin-block-end: 0; } p:last-child { margin-block-end: 0; }
.p-inline { .p-inline {
word-break: break-all;
line-height: 150%; line-height: 150%;
a {
word-break: break-all;
word-break: break-word;
hyphens: auto;
}
} }
.inline-height2 { .inline-height2 {

7
packages/ui/src/components/ShowMore.svelte
View File

@ -42,7 +42,7 @@
><slot /></div> ><slot /></div>
{#if !ignore && bigger && !fixed} {#if !ignore && bigger && !fixed}
<div class="showMore" on:click={toggle}> <div class="showMore" class:outter={cHeight > limit} on:click={toggle}>
<Label label={(cHeight > limit) ? ui.string.ShowLess : ui.string.ShowMore} /> <Label label={(cHeight > limit) ? ui.string.ShowLess : ui.string.ShowMore} />
</div> </div>
{/if} {/if}
@ -76,5 +76,10 @@
border-radius: 2.5rem; border-radius: 2.5rem;
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
&.outter {
bottom: -2.75rem;
transform: translateX(-50%);
}
} }
</style> </style>

4
plugins/tags-resources/src/components/CreateTagElement.svelte
View File

@ -111,13 +111,13 @@
focus focus
placeholder={tags.string.TagName} placeholder={tags.string.TagName}
placeholderParam={{ word: keyTitle }} placeholderParam={{ word: keyTitle }}
maxWidth="10rem" maxWidth={'16rem'}
bind:value={title} bind:value={title}
/> />
</div> </div>
<div class="text-sm mt-4"> <div class="text-sm mt-4">
<EditBox placeholder={tags.string.TagDescriptionPlaceholder} maxWidth="15rem" bind:value={description} /> <EditBox placeholder={tags.string.TagDescriptionPlaceholder} maxWidth={'17.75rem'} bind:value={description} />
</div> </div>
<div class="text-sm mt-4"> <div class="text-sm mt-4">

10
plugins/tags-resources/src/components/TagItem.svelte
View File

@ -56,16 +56,16 @@
<style lang="scss"> <style lang="scss">
.tag-item { .tag-item {
margin: 0.25rem; margin: .25rem;
padding: 0.5rem; padding: .5rem;
border-radius: 0.5rem; border-radius: .5rem;
font-weight: 500; font-weight: 500;
font-size: 0.625rem; font-size: .625rem;
text-transform: uppercase; text-transform: uppercase;
color: #ffffff; color: var(--theme-caption-color);
display: flex; display: flex;
align-items: center; align-items: center;

2
plugins/view-resources/src/components/EditDoc.svelte
View File

@ -337,7 +337,7 @@
font-size: 0.625rem; font-size: 0.625rem;
text-transform: uppercase; text-transform: uppercase;
color: #ffffff; color: var(--theme-caption-color);
display: flex; display: flex;
align-items: center; align-items: center;

1
plugins/view-resources/src/utils.ts
View File

@ -284,6 +284,7 @@ async function deleteRelatedDocuments (hierarchy: Hierarchy, object: Doc, client
export function getMixinStyle (id: Ref<Class<Doc>>, selected: boolean): string { export function getMixinStyle (id: Ref<Class<Doc>>, selected: boolean): string {
const color = getPlatformColorForText(id as string) const color = getPlatformColorForText(id as string)
return ` return `
color: ${selected ? '#fff' : 'var(--theme-caption-color)'};
background: ${color + (selected ? 'ff' : '33')}; background: ${color + (selected ? 'ff' : '33')};
border: 1px solid ${color + (selected ? '0f' : '66')}; border: 1px solid ${color + (selected ? '0f' : '66')};
` `