Merge pull request #2327 from NCCE/2988-fixing-testimonial-white-text

Fixing white text issue

Author: msquance-stem

app/components/cms/horizontal_card_component.rb

@@ -26,7 +26,7 @@ def padding
   end
 
   def wrapper_classes
-    classes = ["horizontal-card-component__wrapper"]
+    classes = ["horizontal-card-component__wrapper white-bg"]
     if @color_theme
       classes << cms_color_theme_class(@color_theme, "left")
       classes << "#{@color_theme}-theme"

app/components/cms/horizontal_card_component/horizontal_card_component.scss

@@ -4,7 +4,6 @@
     display: flex;
     padding: 28px;
     align-items: center;
-    background-color: white;
     box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
     border-width: 10px;
 

app/components/cms/resource_card_component.rb

@@ -11,7 +11,7 @@ def initialize(title:, body_text:, icon: nil, color_theme: nil, button_text: nil
   end
 
   def wrapper_classes
-    classes = ["cms-resource-card"]
+    classes = ["cms-resource-card", "white-bg"]
     classes << cms_color_theme_class(@color_theme, "top") if @color_theme
     classes
   end

app/components/cms/split_horizontal_card_wrapper_component.rb

@@ -20,7 +20,7 @@ def wrapper_classes
   end
 
   def left_card_classes
-    classes = ["split-horizontal-card"]
+    classes = ["split-horizontal-card white-bg"]
     classes << cms_color_theme_class(@color_theme, "left") if @color_theme
     classes
   end

app/components/cms/split_horizontal_card_wrapper_component/split_horizontal_card_wrapper_component.html.erb

@@ -13,7 +13,7 @@
 
         <div class="tc-row-one-third">
           <% if aside_card_content? %>
-            <div class="split-horizontal-card">
+            <div class="split-horizontal-card white-bg">
               <%= aside_card_content %>
             </div>
           <% end %>

app/components/cms/split_horizontal_card_wrapper_component/split_horizontal_card_wrapper_component.scss

@@ -1,7 +1,6 @@
 .cms-split-horizontal-card-wrapper {
   .split-horizontal-card {
     height: calc(100% - 40px);
-    background-color: #ffffff;
     padding: 20px;
     border-width: 10px;
     box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);

app/components/cms/testimonial_component/testimonial_component.html.erb

@@ -1,5 +1,5 @@
 <div class="cms-testimonial">
-  <div class="cms-testimonial__quote">
+  <div class="cms-testimonial__quote white-bg">
     <%= render @quote.render %>
   </div>
   <div class="cms-testimonial__bio">

spec/services/cms/providers/strapi/queries/components/blocks/horizontal_card_spec.rb

@@ -11,5 +11,6 @@
       iconBlock
       spacing
       externalTitle
+      bkColor
     ]
 end