Merge pull request #16862 from opf/bug/56917-transparent-button-of-on…

…boarding-tour-hard-to-see [#56917] Increase contrast of skip button in onboarding tour
opf · Oct 1, 2024 · 0d06905 · 0d06905
2 parents c3ccd25 + 89c4297
commit 0d06905
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/frontend/src/app/core/setup/globals/onboarding/tours/homescreen_tour.ts b/frontend/src/app/core/setup/globals/onboarding/tours/homescreen_tour.ts
@@ -4,7 +4,7 @@ export function homescreenOnboardingTourSteps():OnboardingStep[] {
   return [
     {
       'next .op-app-header': I18n.t('js.onboarding.steps.welcome'),
-      skipButton: { className: 'enjoyhint_btn-transparent', text: I18n.t('js.onboarding.buttons.skip') },
+      skipButton: { className: 'enjoyhint_btn-secondary', text: I18n.t('js.onboarding.buttons.skip') },
       nextButton: { text: I18n.t('js.onboarding.buttons.next') },
       containerClass: '-hidden-arrow',
       bottom: 7,

diff --git a/frontend/src/global_styles/vendor/_enjoyhint.sass b/frontend/src/global_styles/vendor/_enjoyhint.sass
@@ -134,12 +134,12 @@
   letter-spacing: 1px
   @include onboarding-button-styles
 
-.enjoyhint_btn-transparent
-  background: transparent
+.enjoyhint_btn-secondary
+  background: var(--button--primary-font-color)
   color: var(--primary-button-color)
-  &:hover
-    color: var(--button--primary-font-color)
-  &:active
+
+  &:hover,&:active
+    background: var(--button--primary-background-hover-color)
     color: var(--button--primary-font-color)
 
 #kinetic_container, .enjoyhint_canvas