draw background color on URL bar in Viewer pane (#3578)

posit-dev · Jun 20, 2024 · c32183a · c32183a
1 parent 459f8ca
commit c32183a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/vs/workbench/contrib/positronPreview/browser/components/actionBars.css b/src/vs/workbench/contrib/positronPreview/browser/components/actionBars.css
@@ -23,6 +23,7 @@ bar to fill the center of the toolbar.
 
 .preview-action-bar .url-bar {
 	border: 1px solid var(--vscode-input-border);
+	background-color: var(--vscode-input-background);
 	border-radius: 4px;
 	margin-left: 10px;
 	padding-left: 10px;

diff --git a/src/vs/workbench/contrib/positronPreview/browser/components/actionBars.tsx b/src/vs/workbench/contrib/positronPreview/browser/components/actionBars.tsx
@@ -189,7 +189,7 @@ export const ActionBars = (props: PropsWithChildren<ActionBarsProps>) => {
 					<ActionBarRegion location='center'>
 						<form onSubmit={navigateToHandler}>
 							<input
-								className='url-bar'
+								className='text-input url-bar'
 								aria-label={currentUrl}
 								name={kUrlBarInputName}
 								type='text'