[MERGE] *: migrate Bootstrap 3.3.7 to 4.1.3

See sub-commits for details.

task-49280
Closes https://github.com/odoo/odoo/pull/25045

1 files changed, 19 insertions, 17 deletions

diff --git a/addons/web/static/src/scss/webclient.scss b/addons/web/static/src/scss/webclient.scss
index 8f4dadb22df..8c213a57682 100644
--- a/addons/web/static/src/scss/webclient.scss
+++ b/addons/web/static/src/scss/webclient.scss
@@ -1,3 +1,7 @@
+:root {
+    font-size: $o-root-font-size;
+}
+
 // ------------------------------------------------------------------
 //  General
 // ------------------------------------------------------------------
@@ -13,7 +17,7 @@
     width: 300px;
     max-width: 100%;
 
-    @include o-position-absolute($navbar-height, 0px);
+    @include o-position-absolute($nav-link-height, 0);
     z-index: 1100; // Bootstrap modal z-index is 1050
 
     .o_notification {
@@ -33,8 +37,8 @@
         }
 
         .o_notification_title {
-            @include o-flex-display;
-            @include o-align-items(center);
+            display: flex;
+            align-items: center;
 
             border-bottom: 1px solid rgba(0, 0, 0, 0.1);
             padding: 10px 10px 10px 20px;
@@ -101,26 +105,26 @@ div.o_boolean_toggle {
     }
 
     > input:checked + .slider {
-        background-color: $o-brand-optional;
+        background-color: $o-brand-primary;
 
         &:before {
-            @include translate(14px, 0px);
+            transform: translate(14px, 0px);
         }
     }
 }
 
 // Full bg colors (bootstrap extension)
 .bg-success-full {
-    background-color: $brand-success;
+    background-color: theme-color('success');
 }
 .bg-warning-full {
-    background-color: $brand-warning;
+    background-color: theme-color('warning');
 }
 .bg-danger-full {
-    background-color: $brand-danger;
+    background-color: theme-color('danger');
 }
 .bg-info-full {
-    background-color: $brand-info;
+    background-color: theme-color('info');
 }
 
 .o_web_accesskey_overlay {
@@ -151,28 +155,26 @@ div.o_boolean_toggle {
 //== Badges
 .badge {
     margin: 1px 2px 1px 0;
-    padding-top: 0;
-    padding-bottom: 0;
 }
 
 // Btn-link variations
 .btn-link {
     font-weight: $btn-font-weight;
 
-    &.btn-default {
-        @include o-btn-link-variant($text-color, $headings-color);
+    &.btn-secondary {
+        @include o-btn-link-variant($body-color, $headings-color);
     }
     &.btn-success, &.text-success {
-        @include o-btn-link-variant($text-color, $brand-success);
+        @include o-btn-link-variant($body-color, theme-color('success'));
     }
     &.btn-warning, &.text-warning {
-        @include o-btn-link-variant($text-color, $brand-warning);
+        @include o-btn-link-variant($body-color, theme-color('warning'));
     }
     &.btn-danger, &.text-danger {
-        @include o-btn-link-variant($text-color, $brand-danger);
+        @include o-btn-link-variant($body-color, theme-color('danger'));
     }
     &.btn-info, &.text-info {
-        @include o-btn-link-variant($text-color, darken($brand-info, 20%));
+        @include o-btn-link-variant($body-color, darken(theme-color('info'), 20%));
     }
 }