UBER-601: fixed accentuation of ObjectPresenter (#3507)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2023-07-19 15:45:16 +03:00 committed by GitHub
parent a78e4eb4f4
commit ac4eeb65f7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 14 deletions

View File

@ -245,9 +245,9 @@
<span class="lower"><Label label={m.label} /></span> <span class="lower"><Label label={m.label} /></span>
{#each value.added as cvalue} {#each value.added as cvalue}
{#if value.isObjectAdded} {#if value.isObjectAdded}
<ObjectPresenter value={cvalue} inline /> <ObjectPresenter value={cvalue} inline accent />
{:else} {:else}
<svelte:component this={m.presenter} value={cvalue} inline /> <svelte:component this={m.presenter} value={cvalue} inline accent />
{/if} {/if}
{/each} {/each}
{:else if value.removed.length} {:else if value.removed.length}
@ -256,9 +256,9 @@
<span class="lower"><Label label={m.label} /></span> <span class="lower"><Label label={m.label} /></span>
{#each value.removed as cvalue} {#each value.removed as cvalue}
{#if value.isObjectRemoved} {#if value.isObjectRemoved}
<ObjectPresenter value={cvalue} inline /> <ObjectPresenter value={cvalue} inline accent />
{:else} {:else}
<svelte:component this={m.presenter} value={cvalue} inline /> <svelte:component this={m.presenter} value={cvalue} inline accent />
{/if} {/if}
{/each} {/each}
{:else if value.set === null || value.set === undefined || value.set === ''} {:else if value.set === null || value.set === undefined || value.set === ''}
@ -272,9 +272,9 @@
<span class="lower"><Label label={activity.string.To} /></span> <span class="lower"><Label label={activity.string.To} /></span>
<span class="strong overflow-label"> <span class="strong overflow-label">
{#if value.isObjectSet} {#if value.isObjectSet}
<ObjectPresenter value={value.set} inline /> <ObjectPresenter value={value.set} inline accent />
{:else} {:else}
<svelte:component this={m.presenter} value={value.set} inline /> <svelte:component this={m.presenter} value={value.set} inline accent />
{/if} {/if}
</span> </span>
{:else} {:else}
@ -300,9 +300,9 @@
{#if !hasMessageType} {#if !hasMessageType}
<div class="strong overflow-label"> <div class="strong overflow-label">
{#if value.isObjectSet} {#if value.isObjectSet}
<ObjectPresenter value={value.set} inline /> <ObjectPresenter value={value.set} inline accent />
{:else} {:else}
<svelte:component this={m.presenter} value={value.set} inline /> <svelte:component this={m.presenter} value={value.set} inline accent />
{/if} {/if}
</div> </div>
{/if} {/if}

View File

@ -122,10 +122,11 @@
height: 2rem; height: 2rem;
min-width: 0; min-width: 0;
min-height: 0; min-height: 0;
border-radius: 0.5rem; border-radius: 0.25rem;
// width: fit-content; // width: fit-content;
border: 1px solid transparent;
&:hover { &:hover {
border: 1px solid var(--divider-color); border-color: var(--theme-divider-color);
} }
.btn-close { .btn-close {
@ -133,12 +134,12 @@
margin-left: 0.125rem; margin-left: 0.125rem;
padding: 0 0.25rem 0 0.125rem; padding: 0 0.25rem 0 0.125rem;
height: 1.75rem; height: 1.75rem;
color: var(--content-color); color: var(--theme-content-color);
border-left: 1px solid transparent; border-left: 1px solid transparent;
&:hover { &:hover {
color: var(--caption-color); color: var(--theme-caption-color);
border-left-color: var(--divider-color); border-left-color: var(--theme-divider-color);
} }
} }
} }

View File

@ -23,7 +23,7 @@
export let value: Doc | RelatedDocument | undefined = undefined export let value: Doc | RelatedDocument | undefined = undefined
export let props: Record<string, any> = {} export let props: Record<string, any> = {}
export let inline: boolean = true export let inline: boolean = true
export let accent: boolean = true export let accent: boolean = false
export let shouldShowAvatar: boolean = true export let shouldShowAvatar: boolean = true
export let noUnderline: boolean = false export let noUnderline: boolean = false