Merge pull request #8353 from cfpb/ans_retirement_bem

Retirement: BEM fixes
cfpb · Apr 30, 2024 · 9aef5fe · 9aef5fe
2 parents 7674344 + 3471036
commit 9aef5fe
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 12 deletions.
diff --git a/cfgov/unprocessed/apps/retirement/css/claiming.less b/cfgov/unprocessed/apps/retirement/css/claiming.less
@@ -258,8 +258,7 @@
     }
   }
 
-  #age-selector-response,
-  #age-selector-response .thank-you {
+  #age-selector-response {
     display: none;
   }
 
@@ -303,7 +302,7 @@
     display: none;
   }
 
-  .step-two .lifestyle-btn__active {
+  .step-two .lifestyle-btn--active {
     background-color: var(--navy);
   }
 
@@ -362,16 +361,12 @@
     }
   }
 
-  .step-three .helpful-btn {
-    width: 4em;
-  }
-
   /* cf-notification */
   .m-notification {
     margin-bottom: 20px;
   }
 
-  .step-one .notification-input__warning {
+  .step-one .notification-input-warning {
     border-color: var(--gold);
   }
 

diff --git a/cfgov/unprocessed/apps/retirement/js/views/graph-view.js b/cfgov/unprocessed/apps/retirement/js/views/graph-view.js
@@ -209,9 +209,9 @@ function initIndicator() {
 function highlightAgeFields(bool) {
   const $ageFields = $('#bd-day, #bd-month, #bd-year');
   if (bool) {
-    $ageFields.addClass('notification-input__warning');
+    $ageFields.addClass('notification-input-warning');
   } else {
-    $ageFields.removeClass('notification-input__warning');
+    $ageFields.removeClass('notification-input-warning');
   }
 }
 

diff --git a/cfgov/unprocessed/apps/retirement/js/views/questions-view.js b/cfgov/unprocessed/apps/retirement/js/views/questions-view.js
@@ -11,8 +11,8 @@ function init() {
     const $container = $(this).closest('.question');
     const respTo = $(this).val();
 
-    $container.find('.lifestyle-btn').removeClass('lifestyle-btn__active');
-    $(this).addClass('lifestyle-btn__active');
+    $container.find('.lifestyle-btn').removeClass('lifestyle-btn--active');
+    $(this).addClass('lifestyle-btn--active');
 
     $container.find('.lifestyle-img').slideUp();
     $container