From 0e8e7935aab40c609c2423567a88ba3ec5d3c472 Mon Sep 17 00:00:00 2001
From: "Mathieu (mano)" <mano@odoo.com>
Date: Wed, 21 Jun 2023 07:37:04 +0000
Subject: [PATCH] [FIX] *: onboarding reduce the darkness of the grey

Issue: the onboarding background is too dark and the view could breath
more on large screens

Fix: Use a slight linear gradient to reduce the darkness feeling and
add responsive spacing

task-3378939

part of: task-3326263

closes odoo/odoo#127152

X-original-commit: bcffa4145b9fcc7200784088f858ff4147a00e49
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
---
 addons/onboarding/static/src/scss/onboarding.scss               | 2 +-
 .../onboarding/static/src/scss/onboarding.variables.dark.scss   | 1 -
 addons/onboarding/static/src/scss/onboarding.variables.scss     | 1 -
 addons/onboarding/views/onboarding_templates.xml                | 2 +-
 4 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/addons/onboarding/static/src/scss/onboarding.scss b/addons/onboarding/static/src/scss/onboarding.scss
index 88c2e9e6b2b..08a0521061a 100644
--- a/addons/onboarding/static/src/scss/onboarding.scss
+++ b/addons/onboarding/static/src/scss/onboarding.scss
@@ -4,7 +4,7 @@ $o-onboarding-step-width: map-get($container-max-widths, 'lg') / 4 !default;
 
 
 .o_onboarding_main {
-    background-color: $o-onboarding-main-bg;
+    background: linear-gradient(0deg, #{$o-gray-200} 0%, #{$o-gray-100} 100%);
 
     .o_onboarding_wrap {
         overflow-x: auto;
diff --git a/addons/onboarding/static/src/scss/onboarding.variables.dark.scss b/addons/onboarding/static/src/scss/onboarding.variables.dark.scss
index 27898237a45..b70b0f155af 100644
--- a/addons/onboarding/static/src/scss/onboarding.variables.dark.scss
+++ b/addons/onboarding/static/src/scss/onboarding.variables.dark.scss
@@ -2,6 +2,5 @@
 // ============================================================================
 // No CSS hacks, variables overrides only
 
-$o-onboarding-main-bg: $o-gray-100 !default;
 $o-onboarding-color-blue: #516db3 !default;
 $o-onboarding-color-orange: #c67c7a !default;
diff --git a/addons/onboarding/static/src/scss/onboarding.variables.scss b/addons/onboarding/static/src/scss/onboarding.variables.scss
index 6e885643dad..7698cf85528 100644
--- a/addons/onboarding/static/src/scss/onboarding.variables.scss
+++ b/addons/onboarding/static/src/scss/onboarding.variables.scss
@@ -2,6 +2,5 @@ $o-onboarding-base-time: 0.5s !default;
 $o-onboarding-image-size: 64px !default;
 $o-onboarding-line-height: 2px !default;
 $o-onboarding-line-width: 100% !default;
-$o-onboarding-main-bg: $o-gray-200 !default;
 $o-onboarding-color-blue: #374874 !default;
 $o-onboarding-color-orange: #F39D9B !default;
diff --git a/addons/onboarding/views/onboarding_templates.xml b/addons/onboarding/views/onboarding_templates.xml
index 6b57a5540c2..10d1394375d 100644
--- a/addons/onboarding/views/onboarding_templates.xml
+++ b/addons/onboarding/views/onboarding_templates.xml
@@ -47,7 +47,7 @@
 
         <div class="o_onboarding_container collapse show">
             <div class="o_onboarding_main position-relative border-bottom overflow-hidden">
-                <div class="o_onboarding_wrap py-3">
+                <div class="o_onboarding_wrap py-3 py-lg-4">
                     <a href="#" data-bs-toggle="modal" data-bs-target=".o_onboarding_modal" class="o_onboarding_btn_close position-absolute top-0 end-0 py-2 px-3 h2 z-index-1" title="Close the onboarding panel"><i class="oi oi-close"/></a>
                     <div class="o_onboarding_steps d-flex" t-out="0"/>