wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-05-29 19:56:18 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

TSK-1382. Fixed layout for mobile devices (#3132)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2023-05-04 05:43:51 +03:00 committed by GitHub
parent 987fe19c64
commit 0de6804083
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
models/tracker/src/index.ts
View File

@ -585,11 +585,15 @@ export function createModel (builder: Builder): void {
} }
} }
}, },
{ key: '', presenter: view.component.DividerPresenter, props: { type: 'divider' } }, {
key: '',
presenter: view.component.DividerPresenter,
props: { type: 'divider', listProps: { optional: true } }
},
{ {
key: '', key: '',
presenter: tracker.component.EstimationEditor, presenter: tracker.component.EstimationEditor,
props: { kind: 'list', size: 'small', listProps: { key: 'estimation', fixed: 'left' } } props: { kind: 'list', size: 'small', listProps: { key: 'estimation', fixed: 'left', optional: true } }
}, },
{ key: '', presenter: view.component.DividerPresenter, props: { type: 'divider' } }, { key: '', presenter: view.component.DividerPresenter, props: { type: 'divider' } },
{ {

16
plugins/view-resources/src/components/list/ListItem.svelte
View File

@ -90,6 +90,7 @@
<div <div
bind:this={elem} bind:this={elem}
class="listGrid antiList__row row gap-2 flex-grow" class="listGrid antiList__row row gap-2 flex-grow"
class:compactMode
class:checking={checked} class:checking={checked}
class:mListGridSelected={selected} class:mListGridSelected={selected}
class:last class:last
@ -183,7 +184,8 @@
<IconCircles /> <IconCircles />
</div> </div>
<div class="hidden-panel" tabindex="-1"> <div class="hidden-panel" tabindex="-1">
<div class="header"> <!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="header" on:click={(ev) => ev.currentTarget.blur()}>
<IconCircles /> <IconCircles />
<div class="space" /> <div class="space" />
<IconCircles /> <IconCircles />
@ -232,9 +234,12 @@
width: 100%; width: 100%;
height: 2.75rem; height: 2.75rem;
min-height: 2.75rem; min-height: 2.75rem;
color: var(--caption-color); color: var(--theme-caption-color);
background-color: var(--theme-list-row-color); background-color: var(--theme-list-row-color);
&.compactMode {
padding: 0 1.125rem 0 0.25rem;
}
&.mListGridSelected { &.mListGridSelected {
background-color: var(--highlight-hover); background-color: var(--highlight-hover);
} }
@ -288,7 +293,7 @@
overflow: hidden; overflow: hidden;
right: 0; right: 0;
width: 80%; width: 80%;
background-color: var(--accent-bg-color); background-color: var(--theme-comp-header-color);
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
z-index: 2; z-index: 2;
@ -307,7 +312,8 @@
opacity: 0.25; opacity: 0.25;
} }
.scroll-box { .scroll-box {
overflow: auto visible; overflow-x: auto;
overflow-y: visible;
display: flex; display: flex;
align-items: center; align-items: center;
margin: 0.125rem 0.25rem 0; margin: 0.125rem 0.25rem 0;
@ -323,7 +329,7 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding: 0 0.125rem; padding: 0 0.125rem;
right: 2.5rem; right: 0.125rem;
width: 0.75rem; width: 0.75rem;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 0.25rem; border-radius: 0.25rem;