[IMP] spreadsheet: inherit font family

Now `spreadsheet` inherits the font family from its parent in the DOM. Odoo task 3000885 closes #2272 X-original-commit: d773199 Signed-off-by: Rémi Rahir (rar) <[email protected]> Signed-off-by: Minne Adrien (adrm) <[email protected]>
odoo · Mar 27, 2023 · bf6c3b6 · bf6c3b6
1 parent c20ecd5
commit bf6c3b6
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/demo/main.css b/demo/main.css
@@ -8,6 +8,8 @@ html {
 body {
   height: 100%;
   margin: 0px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu,
+    "Noto Sans", Arial, sans-serif !important;
 }
 .o-spreadsheet {
   width: 100%;

diff --git a/src/components/composer/composer/composer.ts b/src/components/composer/composer/composer.ts
@@ -1,5 +1,5 @@
 import { Component, onMounted, onPatched, onWillUnmount, useRef, useState } from "@odoo/owl";
-import { NEWLINE } from "../../../constants";
+import { DEFAULT_FONT, NEWLINE } from "../../../constants";
 import { EnrichedToken } from "../../../formulas/index";
 import { functionRegistry } from "../../../functions/index";
 import {
@@ -63,6 +63,7 @@ css/* scss */ `
       padding-right: 2px;
 
       box-sizing: border-box;
+      font-family: ${DEFAULT_FONT};
 
       caret-color: black;
       padding-left: 3px;

diff --git a/src/components/figures/chart/scorecard/chart_scorecard.ts b/src/components/figures/chart/scorecard/chart_scorecard.ts
@@ -26,6 +26,7 @@ const LINE_HEIGHT = 1.2;
 
 css/* scss */ `
   div.o-scorecard {
+    font-family: ${DEFAULT_FONT};
     user-select: none;
     background-color: white;
     display: flex;

diff --git a/src/components/spreadsheet/spreadsheet.ts b/src/components/spreadsheet/spreadsheet.ts
@@ -55,9 +55,6 @@ css/* scss */ `
       color: #333;
     }
 
-    * {
-      font-family: "Roboto", "RobotoDraft", Helvetica, Arial, sans-serif;
-    }
     &,
     *,
     *:before,
-Original file line number
+Diff line change
@@ Expand Up / @@ -55,9 +55,6 @@ css/* scss */ ` @@
           color: #333;
         }
-        * {
-          font-family: "Roboto", "RobotoDraft", Helvetica, Arial, sans-serif;
-        }
         &,
         *,
         *:before,
@@ Expand Down @@