feat: use tabular nums style

cipchk · Jan 2, 2024 · 7ca407f · 7ca407f
1 parent 5a74569
commit 7ca407f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -9,7 +9,7 @@
   },
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
-    "source.fixAll": true
+    "source.fixAll": "explicit"
   },
   "[markdown]": {
     "editor.formatOnSave": false

diff --git a/lib/src/countdown.component.ts b/lib/src/countdown.component.ts
@@ -20,7 +20,7 @@ import {
 
 import { CountdownConfig, CountdownStatus, CountdownEvent, CountdownEventAction, CountdownItem } from './interfaces';
 import { CountdownTimer } from './countdown.timer';
-import { NgIf, NgTemplateOutlet, formatDate } from '@angular/common';
+import { NgTemplateOutlet, formatDate } from '@angular/common';
 import { COUNTDOWN_CONFIG } from './provide';
 
 @Component({
@@ -33,6 +33,13 @@ import { COUNTDOWN_CONFIG } from './provide';
     }
   `,
   host: { '[class.count-down]': 'true' },
+  styles: [
+    `
+      .count-down {
+        font-variant-numeric: tabular-nums;
+      }
+    `,
+  ],
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [NgTemplateOutlet],