Skip to content

Update omnibar widget design and copy #1843

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Jul 24, 2025
Merged

Update omnibar widget design and copy #1843

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
3155090
Refactor omnibar UI: update styles, layout, and placeholder text
cursoragent Jul 23, 2025
907c95a
Adjust omnibar layout, width, and placeholder text for improved UI
cursoragent Jul 23, 2025
723265a
Adjust omnibar width using CSS global selector and remove fixed width
cursoragent Jul 23, 2025
a9444db
Checkpoint before follow-up message
cursoragent Jul 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions special-pages/pages/new-tab/app/components/App.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,10 @@ body[data-animate-background="true"] {
max-width: calc(504 * var(--px-in-rem));
}

:global([data-entry-point="omnibar"]) {
max-width: calc(620 * var(--px-in-rem));
}

:global(.vertical-space) {
padding-top: 1rem;
padding-bottom: 1rem;
Expand Down
1 change: 1 addition & 0 deletions special-pages/pages/new-tab/app/omnibar/components/AiChatForm.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@
border: none;
box-sizing: content-box;
color: var(--ntp-text-normal);
font-weight: 500;
max-height: 10lh;
padding: 11px 15px 0;
resize: none;
Expand Down
1 change: 0 additions & 1 deletion special-pages/pages/new-tab/app/omnibar/components/Container.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@
background: var(--ntp-surface-tertiary);
border-radius: 12px;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
margin: 0 calc(-1 * var(--sp-1));
overflow: hidden;
position: relative;
transition: height 200ms ease;
Expand Down
2 changes: 1 addition & 1 deletion special-pages/pages/new-tab/app/omnibar/components/Omnibar.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,5 +8,5 @@

.logo {
margin-bottom: var(--sp-4);
width: 123px;
width: 164px;
}
1 change: 1 addition & 0 deletions special-pages/pages/new-tab/app/omnibar/components/SearchForm.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@
background: none;
border: none;
color: var(--ntp-text-normal);
font-weight: 500;
height: var(--sp-8);
left: var(--sp-1);
padding-bottom: 0;
Expand Down
2 changes: 1 addition & 1 deletion special-pages/pages/new-tab/app/omnibar/integration-tests/omnibar.page.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export class OmnibarPage {
}

chatInput() {
return this.context().getByRole('textbox', { name: 'Chat privately with Duck.ai' });
return this.context().getByRole('textbox', { name: 'Ask privately' });
}

chatSubmitButton() {
Expand Down
4 changes: 2 additions & 2 deletions special-pages/pages/new-tab/app/omnibar/strings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
"description": "Title of the omnibar widget in the customizer panel."
},
"omnibar_aiChatFormPlaceholder": {
"title": "Chat privately with Duck.ai",
"title": "Ask privately",
"description": "Placeholder text for the AI chat input field."
},
"omnibar_aiChatFormSubmitButtonLabel": {
Expand All @@ -28,7 +28,7 @@
"description": "Label for the AI chat tab."
},
"omnibar_searchFormPlaceholder": {
"title": "Search or enter address",
"title": "Search privately",
"description": "Placeholder text for the search input field."
},
"omnibar_hideDuckAi": {
Expand Down
4 changes: 2 additions & 2 deletions special-pages/pages/new-tab/public/locales/en/new-tab.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@
"description": "Title of the omnibar widget in the customizer panel."
},
"omnibar_aiChatFormPlaceholder": {
"title": "Chat privately with Duck.ai",
"title": "Ask privately",
"description": "Placeholder text for the AI chat input field."
},
"omnibar_aiChatFormSubmitButtonLabel": {
Expand All @@ -154,7 +154,7 @@
"description": "Label for the AI chat tab."
},
"omnibar_searchFormPlaceholder": {
"title": "Search or enter address",
"title": "Search privately",
"description": "Placeholder text for the search input field."
},
"omnibar_hideDuckAi": {
Expand Down
Loading