Merge pull request #176791 from yiliang114/inquisitive-thrush

fix: close #176789 supplement find widget border-bottom-radius
microsoft · Mar 15, 2023 · 1dc9ee4 · 1dc9ee4
2 parents 0df935d + 80367d3
commit 1dc9ee4
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/src/vs/base/browser/ui/tree/media/tree.css b/src/vs/base/browser/ui/tree/media/tree.css
@@ -80,9 +80,11 @@
 	z-index: 100;
 	margin: 0 6px;
 	border: 1px solid var(--vscode-widget-border);
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
 }
 
-.monaco-workbench:not(.reduce-motion) .monaco-tree-type-filter  {
+.monaco-workbench:not(.reduce-motion) .monaco-tree-type-filter {
 	transition: top 0.3s;
 }
 

diff --git a/src/vs/workbench/contrib/codeEditor/browser/find/simpleFindWidget.css b/src/vs/workbench/contrib/codeEditor/browser/find/simpleFindWidget.css
@@ -19,7 +19,7 @@
 }
 
 .monaco-workbench .simple-find-part {
-	visibility: hidden;		/* Use visibility to maintain flex layout while hidden otherwise interferes with transition */
+	visibility: hidden; /* Use visibility to maintain flex layout while hidden otherwise interferes with transition */
 	z-index: 10;
 	position: relative;
 	top: -45px;
@@ -32,6 +32,8 @@
 	color: var(--vscode-editorWidget-foreground);
 	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
 	border: 1px solid var(--vscode-contrastBorder);
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
 }
 
 .monaco-workbench.reduce-motion .monaco-editor .find-widget {

diff --git a/src/vs/workbench/contrib/notebook/browser/contrib/find/notebookFindReplaceWidget.css b/src/vs/workbench/contrib/notebook/browser/contrib/find/notebookFindReplaceWidget.css
@@ -11,12 +11,14 @@
 	right: 18px;
 	width: var(--notebook-find-width);
 	max-width: calc(100% - 28px - 28px - 8px);
-	padding:0 var(--notebook-find-horizontal-padding);
+	padding: 0 var(--notebook-find-horizontal-padding);
 	transition: top 200ms linear;
 	visibility: hidden;
 	background-color: var(--vscode-editorWidget-background) !important;
 	color: var(--vscode-editorWidget-foreground);
 	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
 }
 
 .monaco-workbench.reduce-motion .simple-fr-find-part-wrapper {