From c12a90cb3f974ac67b3c3bf15c57b10adce2d95a Mon Sep 17 00:00:00 2001 From: Innders <49156310+Innders@users.noreply.github.com> Date: Fri, 1 Nov 2024 10:57:21 +0000 Subject: [PATCH] fix(progress): improve folder selection styles --- .../components/FolderBody/FolderBody.styled.ts | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/src/containers/TasksProgress/components/FolderBody/FolderBody.styled.ts b/src/containers/TasksProgress/components/FolderBody/FolderBody.styled.ts index 61cd7532b..5a3be7968 100644 --- a/src/containers/TasksProgress/components/FolderBody/FolderBody.styled.ts +++ b/src/containers/TasksProgress/components/FolderBody/FolderBody.styled.ts @@ -75,6 +75,9 @@ export const Path = styled.span` display: flex; gap: var(--base-gap-small); width: min-content; + padding: var(--padding-s); + border-radius: var(--border-radius-m); + border: 1px solid transparent; /* first child ellipses */ & > :first-child { @@ -87,12 +90,13 @@ export const Path = styled.span` cursor: pointer; &:hover { - text-decoration: underline; + background-color: var(--md-sys-color-surface-container-hover); } &.selected { - color: var(--md-sys-color-primary); - text-decoration: underline; + background-color: var(--md-sys-color-primary-container); + color: var(--md-sys-color-on-primary-container); + border-color: var(--md-sys-color-primary); } `