From 87a6d95c38ed79e416f9df62db982bed61a989ec Mon Sep 17 00:00:00 2001
From: "stefanorigano (SRI)" <sri@odoo.com>
Date: Sun, 5 Mar 2023 15:23:51 +0000
Subject: [PATCH] [REF] web: calendarView & graphView design

task-2818586

Part-of: odoo/odoo#116641
---
 .../views/calendar/calendar_controller.xml    | 33 +++++++++++--------
 .../static/src/views/graph/graph_view.scss    |  8 +++--
 .../view_components/view_scale_selector.xml   |  4 +--
 3 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/addons/web/static/src/views/calendar/calendar_controller.xml b/addons/web/static/src/views/calendar/calendar_controller.xml
index a08bc12f2d5..ba0a13d180e 100644
--- a/addons/web/static/src/views/calendar/calendar_controller.xml
+++ b/addons/web/static/src/views/calendar/calendar_controller.xml
@@ -23,32 +23,37 @@
     </t>
 
     <t t-name="web.CalendarController.controlButtons" owl="1">
-        <div class="o_calendar_buttons">
-            <span t-if="!env.isSmall" class="o_calendar_navigation_buttons me-1">
+        <div class="o_calendar_buttons d-flex align-items-center mb-2">
+            <ViewScaleSelector scales="scales" currentScale="model.scale" setScale.bind="setScale" />
+            <span t-if="!env.isSmall" class="o_calendar_navigation_buttons mx-1">
                 <button
-                    class="btn btn-primary o_calendar_button_prev"
-                    title="Previous"
-                    aria-label="Previous"
-                    t-on-click.stop="() => this.setDate('previous')"
-                >
-                    <i class="fa fa-arrow-left" />
-                </button>
-                <button
-                    class="btn btn-primary mx-1 o_calendar_button_today"
+                    class="btn btn-secondary mx-1 o_calendar_button_today"
                     t-on-click.stop="() => this.setDate('today')"
                 >
                     Today
                 </button>
                 <button
-                    class="btn btn-primary o_calendar_button_next"
+                    class="btn btn-text pe-2 o_calendar_button_prev"
+                    title="Previous"
+                    aria-label="Previous"
+                    t-on-click.stop="() => this.setDate('previous')"
+                >
+                    <i class="fa oi-larger fa-angle-left" />
+                </button>
+                <button
+                    class="btn btn-text ps-1 o_calendar_button_next"
                     title="Next"
                     aria-label="Next"
                     t-on-click.stop="() => this.setDate('next')"
                 >
-                    <i class="fa fa-arrow-right" />
+                    <i class="fa oi-larger fa-angle-right" />
                 </button>
+                <t t-log="this"></t>
             </span>
-            <ViewScaleSelector scales="scales" currentScale="model.scale" setScale.bind="setScale" />
+
+            <!-- POC -->
+            <span class="fs-3">April 2023</span>
+
             <button t-if="env.isSmall" class="o_cp_today_button btn btn-sm btn-link" t-on-click="() => this.setDate('today')">
                 <span class="fa-stack o_calendar_button_today">
                     <i class="fa fa-calendar-o fa-stack-2x" role="img" aria-label="Today" title="Today" />
diff --git a/addons/web/static/src/views/graph/graph_view.scss b/addons/web/static/src/views/graph/graph_view.scss
index 007585c03ef..c6664629f78 100644
--- a/addons/web/static/src/views/graph/graph_view.scss
+++ b/addons/web/static/src/views/graph/graph_view.scss
@@ -1,6 +1,10 @@
 // ------- Graph renderer -------
-.o_graph_renderer canvas {
-    background-color: $o-view-background-color;
+.o_graph_view {
+    --ControlPanel-border-bottom: none;
+
+    .o_graph_renderer canvas {
+        background-color: $o-view-background-color;
+    }
 }
 
 .o_graph_view {
diff --git a/addons/web/static/src/views/view_components/view_scale_selector.xml b/addons/web/static/src/views/view_components/view_scale_selector.xml
index a9e73db2aab..9262331f4f9 100644
--- a/addons/web/static/src/views/view_components/view_scale_selector.xml
+++ b/addons/web/static/src/views/view_components/view_scale_selector.xml
@@ -2,13 +2,13 @@
 <templates xml:space="preserve">
 
     <t t-name="web.ViewScaleSelector" owl="1">
-        <Dropdown t-if="Object.keys(props.scales).length > 1" class="'btn-group o_view_scale_selector'" togglerClass="'btn btn-secondary scale_button_selection text-uppercase'" hotkey="'v'" showCaret="true">
+        <Dropdown t-if="Object.keys(props.scales).length > 1" class="'btn-group o_view_scale_selector'" togglerClass="'btn btn-secondary scale_button_selection'" hotkey="'v'" showCaret="true">
             <t t-set-slot="toggler">
                 <t t-esc="props.scales[props.currentScale].description" />
             </t>
             <t t-foreach="scales" t-as="scale" t-key="scale.key">
                 <DropdownItem
-                    class="`o_scale_button_${scale.key} text-uppercase ${scale.key === props.currentScale ? 'active' : ''}`"
+                    class="`o_scale_button_${scale.key} ${scale.key === props.currentScale ? 'active' : ''}`"
                     hotkey="scale.hotkey or scale.key[0]"
                     onSelected="() => this.props.setScale(scale.key)"
                 >