Merge pull request #271 from dutchdronesquad/release/v1.4.1

Release v1.4.1

Author: klaasnicolaas

custom_plugins/stream_overlays/manifest.json

@@ -6,5 +6,5 @@
     "description": "Add new designed stream overlays to RotorHazard, which can be used in OBS (Open Broadcaster Software).",
     "documentation_uri": "https://overlays.dutchdronesquad.nl",
     "required_rhapi_version": "1.2",
-    "version": "1.4.0"
+    "version": "1.4.1"
 }

custom_plugins/stream_overlays/static/css/apex/heat.css

@@ -193,6 +193,7 @@
   background: rgba(0, 217, 255, 0.15);
   border-radius: 4px;
   border: 0;
+  font-variant-numeric: tabular-nums;
 }
 
 /* Pilot info */
@@ -251,6 +252,7 @@
   display: flex;
   gap: 0.5rem;
   align-items: baseline;
+  font-variant-numeric: tabular-nums;
 }
 
 .theme-apex .channel-block .ch::before,

custom_plugins/stream_overlays/static/css/apex/node.css

@@ -150,6 +150,7 @@ html.apex-theme-page .socket-warning::after {
   display: flex;
   align-items: flex-start;
   gap: 3px;
+  font-variant-numeric: tabular-nums;
 }
 
 @keyframes slideInLeft {
@@ -255,6 +256,7 @@ html.apex-theme-page .socket-warning::after {
   color: var(--pilot_color, var(--apex-accent));
   min-width: 24px;
   text-align: right;
+  font-variant-numeric: tabular-nums;
 }
 
 /* Time display - prominent */
@@ -274,6 +276,7 @@ html.apex-theme-page .socket-warning::after {
   text-align: center;
   letter-spacing: 2px;
   text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+  font-variant-numeric: tabular-nums;
 }
 
 /* Recent laps section */
@@ -334,6 +337,7 @@ html.apex-theme-page .socket-warning::after {
   flex-shrink: 0;
   transition: all 0.2s ease;
   border: 1px solid rgba(255, 255, 255, 0.1);
+  font-variant-numeric: tabular-nums;
 }
 
 .apex-theme .lap-time-box {
@@ -350,6 +354,7 @@ html.apex-theme-page .socket-warning::after {
   border: 1px solid rgba(255, 255, 255, 0.1);
   height: 52px;
   letter-spacing: 0.5px;
+  font-variant-numeric: tabular-nums;
 }
 
 .apex-theme .laps-list li:hover .lap-num-box {
@@ -496,6 +501,7 @@ html.apex-theme-page .socket-warning::after {
   font-weight: 900;
   margin-left: 8px;
   text-shadow: 0 0 20px var(--pilot_color, var(--apex-accent-glow));
+  font-variant-numeric: tabular-nums;
 }
 
 .apex-theme .popup-time {
@@ -511,6 +517,7 @@ html.apex-theme-page .socket-warning::after {
   position: relative;
   z-index: 1;
   animation: pulseGlow 2s ease-in-out infinite;
+  font-variant-numeric: tabular-nums;
 }
 
 @keyframes pulseGlow {

custom_plugins/stream_overlays/static/css/apex/topbar.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&family=Oxanium:wght@600;700&display=swap");
 
 /* CSS Variables for Apex topbar theme */
 :root {
@@ -92,12 +92,21 @@ body {
 }
 
 .time-display {
-  font-family: "Orbitron", sans-serif;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-family: "Oxanium", "Orbitron", sans-serif;
   font-size: 3.2rem;
-  font-weight: 900;
+  font-weight: 700;
   color: var(--apex-text-primary);
-  letter-spacing: 2px;
+  letter-spacing: 0.015em;
   line-height: 1;
+  min-width: 8ch;
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+  font-feature-settings: "tnum" 1, "lnum" 1;
+  font-kerning: none;
+  font-variant-ligatures: none;
 }
 
 /* Heat info section - center */
@@ -201,6 +210,7 @@ body {
 
   .time-display {
     font-size: 2.8rem;
+    font-variant-numeric: tabular-nums;
   }
 
   .heat-section {
@@ -225,6 +235,7 @@ body {
 
   .time-display {
     font-size: 2.4rem;
+    font-variant-numeric: tabular-nums;
   }
 
   .heat-section {

custom_plugins/stream_overlays/static/css/dds/heat.css

@@ -269,6 +269,7 @@
   color: var(--dds-text);
   border: 1px solid rgba(255, 122, 24, 0.4);
   width: fit-content;
+  font-variant-numeric: tabular-nums;
 }
 
 .theme-dds .card-body {
@@ -323,6 +324,7 @@
   display: flex;
   align-items: baseline;
   gap: 0.4rem;
+  font-variant-numeric: tabular-nums;
 }
 
 .theme-dds .channel-block .ch::before,

custom_plugins/stream_overlays/static/css/dds/leaderboard/class.css

@@ -1,9 +1,15 @@
 @import url("https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap");
 
+:root {
+    --dds-numeric-features: "tnum" 1, "lnum" 1;
+}
+
 /* General styling */
 .container {
     margin: 120px 120px 0 120px;
     width: 100%;
+    font-variant-numeric: tabular-nums;
+    font-feature-settings: var(--dds-numeric-features);
 }
 
 /* Center the container in the screen */
@@ -105,6 +111,9 @@
     background-color: darkorange;
     z-index: 2;
     border-radius: 15px 0 15px 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
 /* Font styling for the entry */
@@ -113,7 +122,13 @@
     font-family: "Teko", sans-serif;
     margin: auto;
     font-size: 2.4rem;
-    line-height: 1.7;
+    line-height: 1.2;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    font-variant-numeric: tabular-nums;
+    font-feature-settings: var(--dds-numeric-features);
 }
 
 /* Styling for the info container */
@@ -144,7 +159,11 @@
     margin: 0;
     font-family: "Teko", sans-serif;
     font-size: 1.8rem;
-    line-height: 2.2;
+    line-height: 1.2;
+    display: flex;
+    align-items: center;
+    font-variant-numeric: tabular-nums;
+    font-feature-settings: var(--dds-numeric-features);
 }
 
 #pilot_name {
@@ -162,11 +181,15 @@
     font-family: "Teko", sans-serif;
     font-size: 1.2rem;
     color: white;
+    font-variant-numeric: tabular-nums;
+    font-feature-settings: var(--dds-numeric-features);
 }
 
 @media (min-height: 1080px) {
     #currentIndexIndicator {
         font-size: 1.8rem;
         padding: 7px 15px;
+        font-variant-numeric: tabular-nums;
+        font-feature-settings: var(--dds-numeric-features);
     }
 }

custom_plugins/stream_overlays/static/css/dds/leaderboard/overall.css

@@ -1,9 +1,15 @@
 @import url("https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap");
 
+:root {
+    --dds-numeric-features: "tnum" 1, "lnum" 1;
+}
+
 /* General styling */
 .container {
     margin: 120px 120px 0 120px;
     width: 100%;
+    font-variant-numeric: tabular-nums;
+    font-feature-settings: var(--dds-numeric-features);
 }
 
 /* Center the container in the screen */
@@ -97,6 +103,8 @@
     margin: auto;
     font-size: 2.4rem;
     line-height: 1.7;
+    font-variant-numeric: tabular-nums;
+    font-feature-settings: var(--dds-numeric-features);
 }
 
 #pilot_name {

custom_plugins/stream_overlays/static/css/dds/node.css

@@ -114,6 +114,7 @@ html.dds-theme-page .socket-warning::after {
 
 #pilot_position {
   font-size: 6.5rem;
+  font-variant-numeric: tabular-nums;
 }
 
 #pos_ordinal {
@@ -164,6 +165,7 @@ html.dds-theme-page .socket-warning::after {
   font-family: "Teko", sans-serif;
   font-size: 2.1rem;
   line-height: 1.7;
+  font-variant-numeric: tabular-nums;
 }
 
 /* Triangle styling */
@@ -287,6 +289,7 @@ html.dds-theme-page .socket-warning::after {
   margin: auto;
   font-size: 2.4rem;
   line-height: 2.3;
+  font-variant-numeric: tabular-nums;
 }
 
 #last_laptime {

custom_plugins/stream_overlays/static/css/dds/topbar.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&family=Rajdhani:wght@600;700&family=Oxanium:wght@600;700&display=swap");
 
 :root {
   --topbar-height: 100px;
@@ -53,16 +53,33 @@ body {
 .timing-clock {
   background-color: white;
   color: black;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: "Oxanium", "Teko", sans-serif;
+  font-variant-numeric: tabular-nums;
+  font-feature-settings: "tnum" 1, "lnum" 1;
+  font-kerning: none;
+  font-variant-ligatures: none;
 }
 
 .time-display {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   text-align: center;
-  font-size: 3.2rem;
+  font-size: 3.3rem;
   margin: 0;
-  margin-top: 5px;
+  margin-top: 4px;
+  width: 8ch;
 
-  font-family: "Teko", sans-serif;
-  font-weight: bold;
+  font-family: "Oxanium", "Teko", sans-serif;
+  font-weight: 700;
+  letter-spacing: 0.015em;
+  font-variant-numeric: tabular-nums;
+  font-feature-settings: "tnum" 1, "lnum" 1;
+  font-kerning: none;
+  font-variant-ligatures: none;
 }
 
 .race-running .timing-clock {

custom_plugins/stream_overlays/static/css/lcdr/heat.css

@@ -289,6 +289,7 @@
   color: var(--lcdr-text);
   border-right: 1px solid rgba(56, 208, 255, 0.32);
   border-radius: 10px 0 0 10px;
+  font-variant-numeric: tabular-nums;
 }
 
 .theme-lcdr .card-body {
@@ -350,6 +351,7 @@
   display: flex;
   align-items: baseline;
   gap: 0.4rem;
+  font-variant-numeric: tabular-nums;
 }
 
 .theme-lcdr .channel-block .ch::before,