fix(client): fix hover/selected color for unsolved chapters/problems

ia-toki · Sep 17, 2023 · 102d1ec · 102d1ec
1 parent 9bb2cf5
commit 102d1ec
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/...client/src/routes/courses/courses/single/CourseChaptersSidebar/CourseChaptersSidebar.scss b/...client/src/routes/courses/courses/single/CourseChaptersSidebar/CourseChaptersSidebar.scss
@@ -37,14 +37,15 @@ a.course-chapters-sidebar__item {
     border-radius: 3px;
   }
 
+  &--future {
+    color: #bcc0c2;
+  }
+
   &--selected {
+    color: inherit;
     background-color: $tertiary-background-color;
     border-radius: 3px;
   }
-
-  &--future {
-    color: #bcc0c2;
-  }
 }
 
 .course-chapters-sidebar__title {
@@ -67,13 +68,14 @@ a.course-chapters-sidebar__item {
       background-color: $dark-tertiary-background-color;
     }
 
-    &--selected {
-      background-color: $dark-secondary-background-color;
-    }
-
     &--future {
       color: #5d6c79;
     }
+
+    &--selected {
+      color: inherit;
+      background-color: $dark-secondary-background-color;
+    }
   }
 
   a.course-chapters-sidebar__item:hover.course-chapters-sidebar__item--selected {

diff --git a/...urses/courses/single/chapters/single/resources/ChapterProblemCard/ChapterProblemCard.scss b/...urses/courses/single/chapters/single/resources/ChapterProblemCard/ChapterProblemCard.scss
@@ -32,6 +32,10 @@
       font-weight: normal !important;
       color: #bcc0c2;
     }
+
+    a:hover h4, a:hover .chapter-problem-card__heading > .bp4-icon {
+      color: inherit !important;
+    }
   }
 }