Use proper text/drop shadow on tree-dots icon and face name (#3800)

This commit is contained in:
Daniele Ricci 2023-08-21 01:36:31 +02:00 committed by GitHub
parent 6aed1180e7
commit e2afc43506
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 3 deletions

View file

@ -74,7 +74,7 @@
data-testid="context-button-parent"
>
<IconButton color="overlay-primary">
<DotsVertical size="20" />
<DotsVertical size="20" class="icon-white-drop-shadow" color="white" />
</IconButton>
</div>
{/if}

View file

@ -25,7 +25,9 @@
<ImageThumbnail shadow url={api.getPeopleThumbnailUrl(person.id)} altText={person.name} widthStyle="100%" />
</div>
{#if person.name}
<span class="absolute bottom-2 left-0 w-full select-text px-1 text-center font-medium text-white">
<span
class="text-white-shadow absolute bottom-2 left-0 w-full select-text px-1 text-center font-medium text-white"
>
{person.name}
</span>
{/if}
@ -40,7 +42,7 @@
id={`icon-${person.id}`}
>
<IconButton color="transparent-primary">
<DotsVertical size="20" />
<DotsVertical size="20" class="icon-white-drop-shadow" color="white" />
</IconButton>
{#if showContextMenu}