From 5f554018bdcc8763ff7212b0955db57bd8491d8f Mon Sep 17 00:00:00 2001 From: Wasim Thoufiq Date: Mon, 18 Dec 2023 21:04:03 +0530 Subject: [PATCH] Do not show subdued color on delete collection/field option hover (#20518) * Remove v-list-item-icon-color vars used in v-list-item * add changeset --------- Co-authored-by: Rijk van Zanten Co-authored-by: daedalus <44623501+ComfortablyCoding@users.noreply.github.com> --- .changeset/large-boats-boil.md | 5 +++++ app/src/components/v-list-item.vue | 3 --- 2 files changed, 5 insertions(+), 3 deletions(-) create mode 100644 .changeset/large-boats-boil.md diff --git a/.changeset/large-boats-boil.md b/.changeset/large-boats-boil.md new file mode 100644 index 0000000000..7f3da23bde --- /dev/null +++ b/.changeset/large-boats-boil.md @@ -0,0 +1,5 @@ +--- +'@directus/app': patch +--- + +Fixed hovering over the Delete Collection/Field option results in the trash icon becoming a foreground subdued color diff --git a/app/src/components/v-list-item.vue b/app/src/components/v-list-item.vue index c01145d4c1..04f5fb82c0 100644 --- a/app/src/components/v-list-item.vue +++ b/app/src/components/v-list-item.vue @@ -194,7 +194,6 @@ function onClick(event: PointerEvent) { user-select: none; &:not(.disabled):not(.dense):not(.block):hover { - --v-list-item-icon-color: var(--v-list-item-icon-color-hover, var(--theme--foreground-subdued)); color: var(--v-list-item-color-hover, var(--v-list-color-hover, var(--theme--foreground))); background-color: var( --v-list-item-background-color-hover, @@ -217,7 +216,6 @@ function onClick(event: PointerEvent) { } &:not(.disabled):not(.dense):not(.block):active { - --v-list-item-icon-color: var(--v-list-item-icon-color-active, var(--theme--foreground-subdued)); color: var(--v-list-item-color-active, var(--v-list-color-active, var(--theme--foreground))); background-color: var( --v-list-item-background-color-active, @@ -227,7 +225,6 @@ function onClick(event: PointerEvent) { } &:not(.dense).active { - --v-list-item-icon-color: var(--v-list-item-icon-color-active); color: var(--v-list-item-color-active, var(--v-list-color-active, var(--theme--foreground))); background-color: var( --v-list-item-background-color-active,