DBC22-1994: Fix for sequential order of headings

bcgov · Apr 29, 2024 · 13ceab8 · 13ceab8
1 parent 16d6aff
commit 13ceab8
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 6 deletions.
diff --git a/src/frontend/src/Components/advisories/Advisories.js b/src/frontend/src/Components/advisories/Advisories.js
@@ -26,10 +26,10 @@ export default function Advisories(props) {
       </div>
 
       <div className="content">
-        <h3>
+        <h2>
           {advisories.length > 1 ? 'Advisories ' : 'Advisory '}
           in effect
-        </h3>
+        </h2>
 
         <p className="description">The following advisory affects a portion of the route you’ve chosen:</p>
 

diff --git a/src/frontend/src/Components/advisories/Advisories.scss b/src/frontend/src/Components/advisories/Advisories.scss
@@ -12,7 +12,11 @@
   }
 
   .content {
-    h3, .description{
+    h2 {
+      font-size: 1.5rem;
+    }
+
+    h2, .description{
       color: $BC-Yellow-Dark;
     }
 

diff --git a/src/frontend/src/Components/advisories/AdvisoriesList.js b/src/frontend/src/Components/advisories/AdvisoriesList.js
@@ -36,7 +36,7 @@ export default function Advisories(props) {
             }}>
 
             <div className="advisory-li-title-container" tabIndex={0}>
-              <h4 className='advisory-li-title'>{advisory.title}</h4>
+              <h2 className='advisory-li-title'>{advisory.title}</h2>
               {showTimestamp &&
               <div className="timestamp-container">
                 <span className="advisory-li-state">{advisory.first_published_at != advisory.last_published_at ? "Updated" : "Published" }</span>

diff --git a/src/frontend/src/Components/advisories/AdvisoriesList.scss b/src/frontend/src/Components/advisories/AdvisoriesList.scss
@@ -18,12 +18,12 @@ ul.advisories-list {
     .advisory-li-title {
       color: $Type-Link;
       font-size: 1rem;
+      font-weight: 700;
       line-height: 1.5;
       margin-bottom: 0.25rem;
 
       @media (min-width: 992px) {
         font-size: 1.25rem;
-        font-weight: 700;
       }
     }
   }

diff --git a/src/frontend/src/Components/bulletins/BulletinsList.js b/src/frontend/src/Components/bulletins/BulletinsList.js
@@ -37,7 +37,7 @@ export default function Bulletins(props) {
             }}>
 
             <div className='bulletin-li-title-container' tabIndex={0}>
-              <h3 className='bulletin-li-title'>{bulletin.title}</h3>
+              <h2 className='bulletin-li-title'>{bulletin.title}</h2>
 
               {bulletin.teaser &&
                 <div className='bulletin-li-body'>{bulletin.teaser}</div>

diff --git a/src/frontend/src/pages/BulletinsListPage.scss b/src/frontend/src/pages/BulletinsListPage.scss
@@ -46,6 +46,7 @@
       .bulletin-li-title {
         margin-bottom: 8px;
         color: $Type-Link;
+        font-size: 1.5rem;
       }
 
       .timestamp-container {