CSS changes to support max count

Author: jsoningram

special-pages/pages/new-tab/app/privacy-stats/components/PrivacyStats.module.css

@@ -65,14 +65,24 @@
 
 .counterContainer {
   display: flex;
-  gap: 24px;
+  gap: 12px;
 }
 
 .counter {
     display: flex;
     flex-direction: column;
     gap: 4px;
-    padding-right: 38px;
+    width: 196px;
+    padding-right: 18px;
+    box-sizing: content-box;
+    
+    &:last-child {
+        padding-right: 0;
+    }
+}
+
+.cookiePopUpsCounter {
+    margin-left: 14px;
 }
 
 .title {
@@ -89,6 +99,8 @@
     line-height: 20px;
     padding-bottom: 4px;
     padding-top: 12px;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
   }
 }
 

special-pages/pages/new-tab/app/protections/components/ProtectionsHeading.js

@@ -111,7 +111,7 @@ export function ProtectionsHeading({
                 enabled AND both `animatedTrackersBlocked` and
                 `totalCookiePopUpsBlocked` are at least 1 */}
                 {isCpmEnabled && animatedTrackersBlocked > 0 && totalCookiePopUpsBlocked > 0 && (
-                    <div class={styles.counter}>
+                    <div class={cn(styles.counter, styles.cookiePopUpsCounter)}>
                         <h3 class={styles.title}>
                             {formatter.format(animatedCookiePopUpsBlocked)} <span>{cookiePopUpsBlockedHeading}</span>
                         </h3>

special-pages/pages/new-tab/app/protections/mocks/protections.mock-transport.js

@@ -103,6 +103,11 @@ export function protectionsMockTransport() {
                         dataset.totalCookiePopUpsBlocked = AnimationConstants.MAX_DISPLAY_COUNT;
                     }
 
+                    if (url.searchParams.get('cpm') === 'max') {
+                        dataset.totalCount = AnimationConstants.MAX_DISPLAY_COUNT;
+                        dataset.totalCookiePopUpsBlocked = AnimationConstants.MAX_DISPLAY_COUNT;
+                    }
+
                     // CPM = 0 state
                     if (url.searchParams.get('cpm') === 'none') {
                         dataset.totalCookiePopUpsBlocked = 0;