From 770aec399c4e6e29cfc5854318cbda19a605315d Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Wed, 27 Jun 2018 17:55:08 +0200
Subject: [REF] *: get rid of vendor prefixes

BS4 do not provide vendor prefixes scss mixins anymore as it is meant
to be used with the 'autoprefixer' library. As we only support the last
version of every major browsers in Odoo, we took the decision to not
use the library as it was also complex to integrate in Odoo. We decided
to do the library's work by hand if it ever become necessary.
---
 addons/note/static/src/scss/note.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'addons/note/static/src')

diff --git a/addons/note/static/src/scss/note.scss b/addons/note/static/src/scss/note.scss
index f1e90d80d57..c487e7bbb85 100644
--- a/addons/note/static/src/scss/note.scss
+++ b/addons/note/static/src/scss/note.scss
@@ -30,13 +30,13 @@
     .o_preview_info {
         .o_preview_title {
             .o_preview_name {
-                @include o-flex(1, 1, 100%);
+                flex: 1 1 100%;
             }
         }
         .o_note_input_box {
-            @include o-flex-display;
+            display: flex;
             p {
-                @include o-flex(1, 1, auto);
+                flex: 1 1 auto;
             }
         }
         .o_note_save {
-- 
cgit v1.2.3


From 7f10b55a5035bd3cab48ba58a519510a25b94f60 Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Tue, 24 Apr 2018 17:15:00 +0200
Subject: [REF] *: BS4, adapt display classes

The system completely changed. I also had to adapt classes to new
screen breakpoints.

hidden/hide -> d-none
show -> d-block
hidden-xs -> d-none d-md-(block/inline/...)
hidden-sm -> d-md-none d-lg-(block/inline/...)
hidden-md -> d-lg-none d-xl-(block/inline/...)
hidden-lg -> d-xl-none
visible-xs-* -> d-* d-md-none
visible-sm-* -> d-none d-md-* d-lg-none
visible-md-* -> d-none d-lg-* d-xl-none
visible-lg-* -> d-none d-xl-*
hidden-print -> d-print-none
visible-print-* -> d-none d-print-*
...
and all possible combination of those had to be handled too.
---
 addons/note/static/src/js/systray_activity_menu.js | 6 +++---
 addons/note/static/src/xml/systray.xml             | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'addons/note/static/src')

diff --git a/addons/note/static/src/js/systray_activity_menu.js b/addons/note/static/src/js/systray_activity_menu.js
index 8194cc17e6a..f65dfce244f 100644
--- a/addons/note/static/src/js/systray_activity_menu.js
+++ b/addons/note/static/src/js/systray_activity_menu.js
@@ -48,8 +48,8 @@ ActivityMenu.include({
         if (noteDateTime) {
             params = _.extend(params, {'date_deadline': noteDateTime});
         }
-        this.$('.o_note_show').removeClass('hidden');
-        this.$('.o_note').addClass('hidden');
+        this.$('.o_note_show').removeClass('d-none');
+        this.$('.o_note').addClass('d-none');
         this._rpc({
             route: '/note/new',
             params: params,
@@ -91,7 +91,7 @@ ActivityMenu.include({
         }
         this.noteDateTimeWidget.appendTo(this.$('.o_note_datetime'));
         this.noteDateTimeWidget.$input.attr('placeholder', _t("Today"));
-        this.$('.o_note_show, .o_note').toggleClass('hidden');
+        this.$('.o_note_show, .o_note').toggleClass('d-none');
         this.$('.o_note_input').val('').focus();
     },
     /**
diff --git a/addons/note/static/src/xml/systray.xml b/addons/note/static/src/xml/systray.xml
index d1676c63761..56693a14544 100644
--- a/addons/note/static/src/xml/systray.xml
+++ b/addons/note/static/src/xml/systray.xml
@@ -5,7 +5,7 @@
             <div class="o_note_show">
                 <a role="button" class="btn btn-block text-center">Add new note</a>
             </div>
-            <div class="o_note o_mail_preview hidden">
+            <div class="o_note o_mail_preview d-none">
                 <div class="o_mail_preview_image o_mail_preview_app">
                     <img src="/note/static/description/icon.png" alt="Channel"/>
                 </div>
-- 
cgit v1.2.3


From 4ac446e32846a6ddf582da687e40f68d0a0e3bc1 Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Wed, 14 Mar 2018 16:43:27 +0100
Subject: [REF] *: BS4, adapt font-size and padding variables

BS variables were renamed or changed and all (most) variables now
use 'rem' units instead of 'px' unit.
---
 addons/note/static/src/scss/note.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'addons/note/static/src')

diff --git a/addons/note/static/src/scss/note.scss b/addons/note/static/src/scss/note.scss
index c487e7bbb85..2d282b7a2dc 100644
--- a/addons/note/static/src/scss/note.scss
+++ b/addons/note/static/src/scss/note.scss
@@ -8,7 +8,7 @@
         margin-bottom: 0;
     }
     .oe_form_field.oe_memo {
-        margin: 0 ($padding-large-horizontal * -1);
+        margin: 0 ($input-btn-padding-x-lg * -1);
         padding: 0;
         min-height: 200px;
 
@@ -18,7 +18,7 @@
     }
     &.o_form_readonly {
         .oe_memo {
-            padding: $padding-large-horizontal;
+            padding: $input-btn-padding-x-lg;
             border-bottom: 1px solid $legend-border-color;
         }
     }
-- 
cgit v1.2.3


From d8c217a67d9f5b371dd43b9cff8f04aa008c27b8 Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Wed, 25 Apr 2018 11:28:17 +0200
Subject: [REF] *: BS4, review color system

Odoo used to declare two main colors: primary and optional (which are
purple and turquoise in enterprise). Those were respectively assigned
to the 'primary' bootstrap variable and the 'btn-primary' bootstrap
variable.

BS4, however, does not allow to have a different primary color for
buttons. Instead, the 'primary' color is used for all 'primary' related
components and utility classes, same as for all other colors. So, if we
want to keep our enterprise buttons green, our 'optional' colors had to
become our 'primary' color. The old odoo primary is then renamed to the
'odoo' color.

The palette of grays is now larger by default and is numbered from 100 to
900 alongside the $black and $white variables. The equivalence for older
variables and the way we used them is:

$gray-darker          ->  gray 900 (unused before)
$gray-dark            ->  gray 900
$gray                 ->  gray 700
$gray-light           ->  gray 600
$gray-lighter-darker  ->  gray 400 (the old variable was created by us)
$gray-lighter-dark    ->  gray 300 (the old variable was created by us)
$gray-lighter         ->  gray 200

Fortunately, the 'lighter' variations we created fit well in the default
BS4 system ! Unfortunately, our $gray-lighter which carried the same
function as $gray-200 (see above) is very close to the new default
$gray-100 and quite distant from the new $gray-200. This will be handled
in the next commit.
---
 addons/note/static/src/scss/note.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'addons/note/static/src')

diff --git a/addons/note/static/src/scss/note.scss b/addons/note/static/src/scss/note.scss
index 2d282b7a2dc..a1d4227e182 100644
--- a/addons/note/static/src/scss/note.scss
+++ b/addons/note/static/src/scss/note.scss
@@ -19,7 +19,7 @@
     &.o_form_readonly {
         .oe_memo {
             padding: $input-btn-padding-x-lg;
-            border-bottom: 1px solid $legend-border-color;
+            border-bottom: 1px solid gray('900');
         }
     }
 }
-- 
cgit v1.2.3