fix: Dates alignment in Table viz (#19668)

* Fix dates alignment * Add package lock changes * Update package-lock * Clean up
apache · Apr 28, 2022 · ed1309e · ed1309e
1 parent 3d2fec9
commit ed1309e
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 22 deletions.
diff --git a/superset-frontend/package-lock.json b/superset-frontend/package-lock.json
diff --git a/superset-frontend/package.json b/superset-frontend/package.json
@@ -80,6 +80,7 @@
     "@emotion/cache": "^11.4.0",
     "@emotion/react": "^11.4.1",
     "@emotion/styled": "^11.3.0",
+    "@fontsource/inter": "^4.5.7",
     "@superset-ui/chart-controls": "file:./packages/superset-ui-chart-controls",
     "@superset-ui/core": "file:./packages/superset-ui-core",
     "@superset-ui/legacy-plugin-chart-calendar": "file:./plugins/legacy-plugin-chart-calendar",
@@ -129,7 +130,6 @@
     "emotion-rgba": "0.0.9",
     "fast-glob": "^3.2.7",
     "fontsource-fira-code": "^4.0.0",
-    "fontsource-inter": "^4.0.0",
     "fs-extra": "^10.0.0",
     "fuse.js": "^6.4.6",
     "geolib": "^2.0.24",

diff --git a/superset-frontend/plugins/plugin-chart-table/src/Styles.tsx b/superset-frontend/plugins/plugin-chart-table/src/Styles.tsx
@@ -51,6 +51,10 @@ export default styled.div`
       border-top: 0;
     }
 
+    .table > tbody tr td {
+      font-feature-settings: 'tnum' 1;
+    }
+
     .dt-controls {
       padding-bottom: 0.65em;
     }

diff --git a/superset-frontend/src/assets/stylesheets/less/fonts.less b/superset-frontend/src/assets/stylesheets/less/fonts.less
@@ -22,10 +22,10 @@
 /*************************************************************************/
 
 /******************************* Inter UI ********************************/
-@import '~fontsource-inter/200.css';
-@import '~fontsource-inter/400.css';
-@import '~fontsource-inter/500.css';
-@import '~fontsource-inter/600.css';
+@import '~@fontsource/inter/200.css';
+@import '~@fontsource/inter/400.css';
+@import '~@fontsource/inter/500.css';
+@import '~@fontsource/inter/600.css';
 
 /******************************* Fira Code ********************************/
 @import '~fontsource-fira-code/400.css';