added background banner color for travel per QA

GSA · Aug 9, 2023 · a94ca80 · a94ca80
1 parent a55624d
commit a94ca80
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 4 deletions.
diff --git a/training-front-end/public/styles/styles.css b/training-front-end/public/styles/styles.css
diff --git a/training-front-end/public/styles/styles.css.map b/training-front-end/public/styles/styles.css.map
diff --git a/training-front-end/sass/_components/banner.scss b/training-front-end/sass/_components/banner.scss
@@ -10,4 +10,9 @@
 // fleet banner backgroud color
 .color-sp-fleet-dark{
   background-color: #005748;
+}
+
+// travel banner background color
+.color-sp-travel-medium{
+  background-color: #00467F;
 }
diff --git a/training-front-end/src/layouts/TrainingLayout.astro b/training-front-end/src/layouts/TrainingLayout.astro
@@ -16,7 +16,11 @@ else if(training_category.includes("fleet"))
 {
   background_class = "color-sp-fleet-dark";
 }
-else{
+else if(training_category.includes("travel")){
+  background_class = "color-sp-travel-medium";
+}
+else
+{
   background_class = "bg-primary";
 }
 

diff --git a/training-front-end/src/pages/quiz/[training_id].astro b/training-front-end/src/pages/quiz/[training_id].astro
@@ -65,7 +65,11 @@ else if (training_id.includes("fleet"))
 {
   background_class = "color-sp-fleet-dark";
 }
-else {
+else if(training_id.includes("travel")){
+  background_class = "color-sp-travel-medium";
+}
+else
+{
   background_class = "bg-primary";
 }