Grow container when focused to accomodate focus ring (#1839)

noisysocks · web-flow · commit 71773fd5cdee · 2025-07-22T17:44:45.000+10:00
diff --git a/special-pages/pages/new-tab/app/omnibar/components/Container.module.css b/special-pages/pages/new-tab/app/omnibar/components/Container.module.css
@@ -19,6 +19,8 @@
     &:focus-within {
         border-radius: 14px;
         box-shadow: 0 0 0 2px var(--ntp-color-primary), 0 0 0 4px rgba(57, 105, 239, 0.2);
+        margin: 0 calc(-1 * var(--sp-1) - 3px);
+        padding: 0 3px;
     }
 
     &:has([role="listbox"]) {

Original file line number	Diff line number	Diff line change
`@@ -19,6 +19,8 @@`
`19`	`19`	`&:focus-within {`
`20`	`20`	`border-radius: 14px;`
`21`	`21`	`box-shadow: 0 0 0 2px var(--ntp-color-primary), 0 0 0 4px rgba(57, 105, 239, 0.2);`
	`22`	`+ margin: 0 calc(-1 * var(--sp-1) - 3px);`
	`23`	`+ padding: 0 3px;`
`22`	`24`	`}`
`23`	`25`
`24`	`26`	`&:has([role="listbox"]) {`