Skip to content

Commit

Permalink
TASK: Adjust hover background colors
Browse files Browse the repository at this point in the history
  • Loading branch information
markusguenther committed Dec 20, 2023
1 parent d89d05d commit f83c264
Showing 1 changed file with 13 additions and 2 deletions.
15 changes: 13 additions & 2 deletions packages/react-ui-components/src/Tree/node.css
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,10 @@
margin: 0;
position: relative;
line-height: 20px;

&:hover {
background: var(--colors-PrimaryBlueHover)25;
}
}
.header__chevron {
composes: reset from './../reset.css';
Expand All @@ -19,7 +23,7 @@
cursor: pointer;

&:hover > svg {
color: var(--colors-PrimaryBlue);
color: var(--colors-PrimaryBlueHover);
}
}
.header__chevron--isCollapsed > svg {
Expand All @@ -46,7 +50,7 @@

.header:hover & > svg,
.header__data--isActive & > svg {
color: var(--colors-PrimaryBlue);
color: var(--colors-PrimaryBlueHover);
}
}

Expand Down Expand Up @@ -79,6 +83,9 @@

.header__data--isFocused {
background: var(--colors-ContrastNeutral);
&:hover {
background: var(--colors-PrimaryBlue)10;
}

&.header__data--isHiddenInIndex,
&.header__data--isHidden {
Expand Down Expand Up @@ -109,6 +116,10 @@
.header__data--isActive & {
color: var(--colors-PrimaryBlue);
}

&:hover {
color: var(--colors-PrimaryBlueHover);
}
}

.contents {
Expand Down

0 comments on commit f83c264

Please sign in to comment.