[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>
This commit is contained in:
Mathieu (mano)
2023-07-04 10:16:13 +02:00
parent 00be461524
commit 0e8e7935aa
4 changed files with 2 additions and 4 deletions
@@ -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;
@@ -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;
@@ -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;
@@ -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"/>