fix(header): State was sometimes multi-line

RomRider · Jan 30, 2021 · 4187104 · 4187104
1 parent 5223401
commit 4187104
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/styles.ts b/src/styles.ts
@@ -65,17 +65,20 @@ export const styles: CSSResult = css`
 
   #state__value {
     display: table;
+    white-space: nowrap;
   }
 
   #state__value > #state {
     font-size: 1.8em;
     font-weight: 500;
+    white-space: nowrap;
   }
 
   #state__value > #uom {
     font-size: 1em;
     font-weight: 400;
     opacity: 0.8;
+    white-space: nowrap;
   }
 
   #state__name {

diff --git a/src/utils.ts b/src/utils.ts
@@ -140,5 +140,5 @@ export function offsetData(data: EntityCachePoints, offset: number | undefined):
 
 export function prettyPrintTime(value: string | number | null, unit: ChartCardPrettyTime): string {
   if (value === null) return NO_VALUE;
-  return moment.duration(value, unit).format('y [y] d[d] h[h] m[m] s[s] S[ms]', { trim: 'both' });
+  return moment.duration(value, unit).format('y[y] d[d] h[h] m[m] s[s] S[ms]', { trim: 'both' });
 }