From 301c660c45ed08cb3a00fe2662f8f8a7720fb5c9 Mon Sep 17 00:00:00 2001 From: ambar Date: Mon, 28 Mar 2022 17:10:41 +0800 Subject: [PATCH] fix: use fixed size for time numbers (#263) --- example/index.html | 5 +++++ packages/griffith/src/components/Controller.styles.ts | 1 + .../__tests__/__snapshots__/CombinedTimeItem.spec.tsx.snap | 2 +- 3 files changed, 7 insertions(+), 1 deletion(-) diff --git a/example/index.html b/example/index.html index 2eeeca2e..94978744 100644 --- a/example/index.html +++ b/example/index.html @@ -5,6 +5,11 @@ Demo +
diff --git a/packages/griffith/src/components/Controller.styles.ts b/packages/griffith/src/components/Controller.styles.ts index 45f3d638..a3af1ae9 100644 --- a/packages/griffith/src/components/Controller.styles.ts +++ b/packages/griffith/src/components/Controller.styles.ts @@ -80,6 +80,7 @@ export default StyleSheet.create({ fontSize: '0.875em', color: 'rgba(255, 255, 255, 0.9)', boxSizing: 'content-box', + fontVariantNumeric: 'tabular-nums', }, labelButton: { diff --git a/packages/griffith/src/components/items/__tests__/__snapshots__/CombinedTimeItem.spec.tsx.snap b/packages/griffith/src/components/items/__tests__/__snapshots__/CombinedTimeItem.spec.tsx.snap index 07ed07e5..53064d38 100644 --- a/packages/griffith/src/components/items/__tests__/__snapshots__/CombinedTimeItem.spec.tsx.snap +++ b/packages/griffith/src/components/items/__tests__/__snapshots__/CombinedTimeItem.spec.tsx.snap @@ -2,7 +2,7 @@ exports[`CombinedTimeItem get CombinedTimeItem component 1`] = `
-
00:06 / 03:02
+
00:06 / 03:02
`;