NTP - Fix text cut-off on windows (#2029)

moon0326 · web-flow · commit 6d035c7e9f9a · 2025-10-22T22:53:08.000Z
* Set line-height to normal -- this fixes cut-off issue on windows, but does not change anything on mac os

* Target windows only

* use data-platform for naming consistency
diff --git a/special-pages/pages/new-tab/app/omnibar/components/SearchForm.module.css b/special-pages/pages/new-tab/app/omnibar/components/SearchForm.module.css
@@ -21,7 +21,7 @@
         color: var(--ntp-text-tertiary);
     }
 
-    [data-platform="windows"] &::selection {
+    [data-platform='windows'] &::selection {
         background: var(--ntp-selection-background-color);
         color: var(--ntp-selection-color);
     }
@@ -78,7 +78,13 @@
         visibility: visible;
     }
 
-    [data-entry-point="omnibar"]:has([role="listbox"]) & {
+    [data-entry-point='omnibar']:has([role='listbox']) & {
         visibility: visible;
     }
 }
+
+[data-platform='windows'] {
+	.input {
+		line-height: normal;
+	}
+}

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@`
`21`	`21`	`color: var(--ntp-text-tertiary);`
`22`	`22`	`}`
`23`	`23`
`24`		`- [data-platform="windows"] &::selection {`
	`24`	`+ [data-platform='windows'] &::selection {`
`25`	`25`	`background: var(--ntp-selection-background-color);`
`26`	`26`	`color: var(--ntp-selection-color);`
`27`	`27`	`}`
`@@ -78,7 +78,13 @@`
`78`	`78`	`visibility: visible;`
`79`	`79`	`}`
`80`	`80`
`81`		`- [data-entry-point="omnibar"]:has([role="listbox"]) & {`
	`81`	`+ [data-entry-point='omnibar']:has([role='listbox']) & {`
`82`	`82`	`visibility: visible;`
`83`	`83`	`}`
`84`	`84`	`}`
	`85`	`+`
	`86`	`+[data-platform='windows'] {`
	`87`	`+ .input {`
	`88`	`+ line-height: normal;`
	`89`	`+ }`
	`90`	`+}`