wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-06-11 12:57:59 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

UBER-851: fix titles in ListView (#3678)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2023-09-11 16:41:09 +03:00 committed by GitHub
parent 1246b5a924
commit 466dcdf257
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/presentation/src/components/NavLink.svelte
View File

@ -82,8 +82,6 @@
<style lang="scss"> <style lang="scss">
span, span,
a { a {
display: flex;
align-items: center;
min-width: 0; min-width: 0;
font-weight: inherit; font-weight: inherit;

1
packages/theme/styles/components.scss
View File

@ -1052,7 +1052,6 @@
border-radius: 1.625rem; border-radius: 1.625rem;
transition: flex-shrink 0.25s cubic-bezier(0.38, 0.01, 0.33, 1) 0s; transition: flex-shrink 0.25s cubic-bezier(0.38, 0.01, 0.33, 1) 0s;
&:not(:empty) { min-width: 7.5rem; }
&:hover { &:hover {
flex-shrink: .5; flex-shrink: .5;
min-width: initial; min-width: initial;

8
plugins/tracker-resources/src/components/issues/ParentNamesPresenter.svelte
View File

@ -33,7 +33,7 @@
{#each value.parents as parentInfo} {#each value.parents as parentInfo}
<!-- svelte-ignore a11y-click-events-have-key-events --> <!-- svelte-ignore a11y-click-events-have-key-events -->
<span <span
class="name overflow-label cursor-pointer" class="parent-label overflow-label cursor-pointer"
title={parentInfo.parentTitle} title={parentInfo.parentTitle}
on:click={() => handleIssueEditorOpened(parentInfo)} on:click={() => handleIssueEditorOpened(parentInfo)}
> >
@ -46,7 +46,7 @@
<style lang="scss"> <style lang="scss">
.root { .root {
display: flex; display: inline-flex;
margin-left: 0; margin-left: 0;
min-width: 0; min-width: 0;
@ -56,7 +56,9 @@
color: var(--theme-dark-color); color: var(--theme-dark-color);
} }
.name { .parent-label {
flex-shrink: 5;
&:hover { &:hover {
color: var(--theme-caption-color); color: var(--theme-caption-color);
text-decoration: underline; text-decoration: underline;

17
plugins/tracker-resources/src/components/issues/TitlePresenter.svelte
View File

@ -30,21 +30,13 @@
{#if value} {#if value}
<span <span
class="name overflow-label select-text" class="presenter-label select-text"
class:with-margin={shouldUseMargin} class:with-margin={shouldUseMargin}
class:list={kind === 'list'} class:list={kind === 'list'}
style:max-width={maxWidth} style:max-width={maxWidth}
title={value.title} title={value.title}
> >
<DocNavLink <DocNavLink object={value} {onClick} component={tracker.component.EditIssue} shrink={1} colorInherit>
object={value}
{disabled}
{onClick}
component={tracker.component.EditIssue}
inline
shrink={1}
colorInherit
>
{value.title} {value.title}
</DocNavLink> </DocNavLink>
</span> </span>
@ -55,7 +47,10 @@
{/if} {/if}
<style lang="scss"> <style lang="scss">
.name { .presenter-label {
overflow: hidden;
display: inline-flex;
align-items: center;
flex-shrink: 1; flex-shrink: 1;
min-width: 1rem; min-width: 1rem;

2
tests/sanity/tests/tracker.utils.ts
View File

@ -199,7 +199,7 @@ export async function checkIssueFromList (page: Page, issueName: string): Promis
} }
export async function openIssue (page: Page, name: string): Promise<void> { export async function openIssue (page: Page, name: string): Promise<void> {
await page.click(`.antiList__row:has-text("${name}") .name a`, { await page.click(`.antiList__row:has-text("${name}") .presenter-label a`, {
timeout: 15000 timeout: 15000
}) })
} }