From f3e3e25938fd6c298b7acd82f813c704ddf87fe3 Mon Sep 17 00:00:00 2001
From: "stefanorigano (SRI)" <sri@odoo.com>
Date: Thu, 30 Jul 2020 14:00:56 +0000
Subject: [PATCH] [IMP] web_editor: review we-customizeblock-options border

Part of https://github.com/odoo/odoo/pull/55959
task-2157252
---
 .../static/src/scss/web_editor.variables.scss         |  6 +++---
 .../web_editor/static/src/scss/wysiwyg_snippets.scss  | 11 ++++-------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/addons/web_editor/static/src/scss/web_editor.variables.scss b/addons/web_editor/static/src/scss/web_editor.variables.scss
index 70c5ae36e7d..d2ce283204a 100644
--- a/addons/web_editor/static/src/scss/web_editor.variables.scss
+++ b/addons/web_editor/static/src/scss/web_editor.variables.scss
@@ -101,10 +101,10 @@ $o-we-sidebar-content-gutter-item-indent: 5px !default;
 $o-we-sidebar-content-indent: $o-we-sidebar-content-gutter-item-indent + $o-we-sidebar-content-highlight-bar-width + 12px !default;
 $o-we-sidebar-content-backdrop-bg: rgba(black, 0.5) !default;
 
-$o-we-sidebar-content-main-title-border-width: 1px !default;
-$o-we-sidebar-content-main-title-border-color: $o-we-bg-light !default;
+$o-we-sidebar-content-main-title-border-extension: -1px !default;
+$o-we-sidebar-content-main-title-border-color: $o-we-bg-lighter !default;
 $o-we-sidebar-content-main-title-height: 32px !default;
-$o-we-sidebar-content-main-title-shadow-start: rgba(black, 0.7);
+$o-we-sidebar-content-main-title-shadow-start: rgba(black, 0.4);
 $o-we-sidebar-content-main-title-shadow: linear-gradient($o-we-sidebar-content-main-title-shadow-start, rgba(black, 0)) !default;
 $o-we-sidebar-content-main-title-color: $o-we-fg-lighter !default;
 $o-we-sidebar-content-main-title-font-size: 13px !default;
diff --git a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss
index 95bc9fec862..40d8b63d480 100644
--- a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss
+++ b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss
@@ -172,7 +172,8 @@ body.editor_enable.editor_has_snippets {
         flex: 0 0 auto;
         display: flex;
         height: $o-we-sidebar-tabs-height;
-        border-bottom: $o-we-sidebar-tabs-border-width solid $o-we-sidebar-tabs-border-color;
+        border: solid $o-we-sidebar-tabs-border-color;
+        border-width: $o-we-sidebar-tabs-border-width 0;
         background: $o-we-sidebar-tabs-bg;
         color: $o-we-sidebar-tabs-color;
 
@@ -404,15 +405,11 @@ body.editor_enable.editor_has_snippets {
             position: relative;
             display: block;
             padding: 0 $o-we-sidebar-content-block-spacing $o-we-sidebar-content-block-spacing $o-we-sidebar-content-indent;
-            border-top: $o-we-sidebar-content-main-title-border-width solid $o-we-sidebar-content-main-title-border-color;
+            box-shadow: 0 $o-we-sidebar-content-main-title-border-extension 0 $o-we-sidebar-content-main-title-border-color;
             background-image: $o-we-sidebar-content-main-title-shadow;
             background-size: 100% ($o-we-sidebar-content-main-title-height / 2);
             background-repeat: no-repeat;
 
-            &:first-child {
-                border-top-color: $o-we-sidebar-content-main-title-shadow-start;
-            }
-
             > we-title {
                 display: flex;
                 align-items: center;
@@ -421,7 +418,7 @@ body.editor_enable.editor_has_snippets {
                 > span {
                     color: $o-we-sidebar-content-main-title-color !important;
                     font-size: $o-we-sidebar-content-main-title-font-size;
-                    line-height: $o-we-sidebar-content-main-title-height - $o-we-sidebar-content-main-title-border-width;
+                    line-height: $o-we-sidebar-content-main-title-height;
                 }
 
                 > we-top-button-group {