DBC22-1850: Added hover states for advisories and bulletins

bcgov · Mar 25, 2024 · a19cc5d · a19cc5d
1 parent df92e62
commit a19cc5d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/src/frontend/src/Components/advisories/AdvisoriesList.scss b/src/frontend/src/Components/advisories/AdvisoriesList.scss
@@ -1,14 +1,20 @@
 @import "../../styles/variables.scss";
 
-.advisories-list {
+ul.advisories-list {
   list-style-type: none;
   padding-left: 0;
 
-  li {
+  li.advisory-li {
     cursor: pointer;
     width: fit-content;
     margin-bottom: 1rem;
 
+    &:hover {
+      .advisory-li-title {
+        text-decoration: underline;
+      }
+    }
+
     .advisory-li-title {
       color: $Type-Link;
       font-size: 1rem;

diff --git a/src/frontend/src/Components/bulletins/BulletinsList.scss b/src/frontend/src/Components/bulletins/BulletinsList.scss
@@ -1,9 +1,14 @@
 @import "../../styles/variables.scss";
 
-.bulletins-list {
-  li {
+ul.bulletins-list {
+  li.bulletin-li {
     cursor: pointer;
     width: fit-content;
+    &:hover {
+      .bulletin-li-title {
+        text-decoration: underline;
+      }
+    }
   }
 }
 .empty-bulletin-display {