Skip to content

Commit

Permalink
Fix icon highlight on text hovering for issue #86
Browse files Browse the repository at this point in the history
  • Loading branch information
nizniz187 committed Aug 15, 2021
1 parent 0d78f1c commit 5c45038
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions wc/components/Checkable/Checkable.js
Original file line number Diff line number Diff line change
@@ -19,7 +19,7 @@ const stylesheet=`
font-size: var(--icon-font-size);
vertical-align: middle;
}
.icon:hover {
label:hover .icon {
color: var(--color-primary-60);
}
slot {
@@ -34,7 +34,7 @@ const stylesheet=`
input:checked:active + .icon {
color: var(--color-primary-60);
}
input:checked + .icon:hover {
label:hover input:checked + .icon {
color: var(--color-primary-40);
}
@@ -43,13 +43,13 @@ const stylesheet=`
color: var(--color-gray-10);
cursor: default;
}
input:disabled + .icon:hover {
color: var(--color-gray-10);
}
input:disabled + .icon + slot {
color: var(--color-gray-30);
cursor: default;
}
label:hover input:disabled + .icon {
color: var(--color-gray-10);
}
`;

class Checkable extends WComponent{

0 comments on commit 5c45038

Please sign in to comment.