CMS-557: Fix bootstrap upgrade bugs (#1542)

* CMS-557: Fix missing the 'Skip to main content' option when using keyboard * CMS-564: Fix incorrect hover state displayed for primary button * CMS-563: Fix incorrect pill styles * CMS-563: Add small fix * CMS-561: Fix incorrect h4 and callout link style
bcgov · Dec 6, 2024 · 3f59719 · 3f59719
1 parent ecf7da5
commit 3f59719
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 191 deletions.
diff --git a/...ms/src/plugins/strapi-plugin-ckeditor/admin/src/components/Input/CKEditor/theme/common.js b/...ms/src/plugins/strapi-plugin-ckeditor/admin/src/components/Input/CKEditor/theme/common.js
@@ -312,7 +312,7 @@ export const common = css`
     }
 
     blockquote.callout-box a {
-      color: #003366 !important;
+      color: #2464A4 !important;
       text-decoration: underline;
     }
 

diff --git a/src/gatsby/src/components/skipToContent.js b/src/gatsby/src/components/skipToContent.js
@@ -2,6 +2,6 @@ import React from "react"
 
 export default function SkipToContent() {
   return (
-    <a className="visually-hidden visually-hidden-focusable" href="#main-content">Skip to main content</a>
+    <a className="visually-hidden-focusable" href="#main-content">Skip to main content</a>
   )
 }
diff --git a/src/gatsby/src/styles/advisories/advisoryCard.scss b/src/gatsby/src/styles/advisories/advisoryCard.scss
@@ -65,7 +65,7 @@
 
 .badge-secondary-light {
   color: $colorBlue !important;
-  background-color: transparent;
+  background-color: transparent !important;
 }
 
 .badge-light {
@@ -79,7 +79,7 @@
 
 .badge-primary {
   color: $colorWhite !important;
-  background-color: $colorBlue;
+  background-color: $colorBlue !important;
   &:hover {
     background-color: $colorBlue !important;
   }

diff --git a/src/gatsby/src/styles/archieved/betaLanding.scss b/src/gatsby/src/styles/archieved/betaLanding.scss
diff --git a/src/gatsby/src/styles/bootstrapTheme.scss b/src/gatsby/src/styles/bootstrapTheme.scss
@@ -20,6 +20,21 @@ a {
   &:not(.btn):focus {
     color: $colorBlue;
   }
+  &:focus-visible {
+    box-shadow: none;
+  }
+}
+
+.btn, .nav-link {
+  &:focus-visible {
+    box-shadow: none;
+  }
+}
+
+.btn {
+  &:hover {
+    text-decoration: none;
+  }
 }
 
 .btn-primary:not(:disabled):not(.disabled):active {

diff --git a/src/gatsby/src/styles/cmsSnippets/parkInfoPage.scss b/src/gatsby/src/styles/cmsSnippets/parkInfoPage.scss
@@ -29,10 +29,12 @@
 .park-camping-link.expand-icon {
   display: inline-block;
   color: $colorBlueMed !important;
+  text-decoration: none;
   cursor: pointer;
   margin-bottom: 16px;
   &:hover, &:focus-visible {
     color: $colorBlue !important;
+    text-decoration: underline;
   }
   &:focus-visible {
     border-radius: 4px;

diff --git a/src/gatsby/src/styles/global.scss b/src/gatsby/src/styles/global.scss
@@ -118,9 +118,6 @@ blockquote {
   & > * {
     max-width: 600px;
   }
-  a {
-    color: $colorBlue !important;
-  }
 }
 
 figure.media div[data-oembed-url] {
-Original file line number
+Diff line change
@@ Expand Up / @@ -118,9 +118,6 @@ blockquote { @@
       & > * {
         max-width: 600px;
       }
-      a {
-        color: $colorBlue !important;
-      }
     }
     figure.media div[data-oembed-url] {
@@ Expand Down @@