@theia/search-in-workspace 1.63.2 → 1.64.0-next.17

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@theia/search-in-workspace",
-  "version": "1.63.2",
+  "version": "1.64.0-next.17+58507bbed",
   "description": "Theia - Search in workspace",
   "dependencies": {
-    "@theia/core": "1.63.2",
-    "@theia/editor": "1.63.2",
-    "@theia/filesystem": "1.63.2",
-    "@theia/navigator": "1.63.2",
-    "@theia/process": "1.63.2",
-    "@theia/workspace": "1.63.2",
+    "@theia/core": "1.64.0-next.17+58507bbed",
+    "@theia/editor": "1.64.0-next.17+58507bbed",
+    "@theia/filesystem": "1.64.0-next.17+58507bbed",
+    "@theia/navigator": "1.64.0-next.17+58507bbed",
+    "@theia/process": "1.64.0-next.17+58507bbed",
+    "@theia/workspace": "1.64.0-next.17+58507bbed",
     "@vscode/ripgrep": "^1.14.2",
     "minimatch": "^5.1.0",
     "react-textarea-autosize": "^8.5.5",
@@ -48,7 +48,7 @@
     "watch": "theiaext watch"
   },
   "devDependencies": {
-    "@theia/ext-scripts": "1.63.2"
+    "@theia/ext-scripts": "1.63.0"
   },
-  "gitHead": "dc03f4a5e7cd301c64bcb1cfd8fbacc7f83255d1"
+  "gitHead": "58507bbedb95724735981f44f034e7036fa2f19e"
 }

package/src/browser/styles/index.css

@@ -25,7 +25,6 @@
 }
 
 .t-siw-search-container {
-  padding: 0px 1px;
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -44,7 +43,7 @@
   line-height: var(--theia-content-line-height);
   max-height: calc(2 * 3px + 7 * var(--theia-content-line-height));
   min-width: 16px;
-  padding: 3px 0 3px 4px;
+  min-height: 26px;
   resize: none;
   width: 100%;
 }
@@ -57,10 +56,18 @@
 .t-siw-search-container #search-input-field {
   background: none;
   border: none;
+  padding-block: 2px;
 }
 
 .t-siw-search-container .searchHeader {
-  padding: 5px 5px 15px 2px;
+  padding: var(--theia-ui-padding)
+           max(var(--theia-scrollbar-width), var(--theia-ui-padding))
+           calc(var(--theia-ui-padding) * 2)
+           0;
+}
+
+#theia-main-content-panel .t-siw-search-container .searchHeader {
+  padding-top: 10px;
 }
 
 .t-siw-search-container .searchHeader .controls.button-container {
@@ -107,12 +114,11 @@
 }
 
 .t-siw-search-container .searchHeader .search-field .option-buttons {
-    height: 23px;
-    display: flex;
-    align-items: center;
-    align-self: flex-start;
-    background-color: none;
-    margin: 2px;
+  display: flex;
+  align-items: center;
+  align-self: flex-start;
+  background-color: unset;
+  margin: auto 2px;
 }
 
 .t-siw-search-container .searchHeader .search-field-container.tooManyResults {
@@ -122,9 +128,9 @@
 }
 
 .t-siw-search-container
-  .searchHeader
-  .search-field-container
-  .search-notification {
+.searchHeader
+.search-field-container
+.search-notification {
   height: 0;
   display: none;
   width: 100%;
@@ -132,9 +138,9 @@
 }
 
 .t-siw-search-container
-  .searchHeader
-  .search-field-container.focused
-  .search-notification.show {
+.searchHeader
+.search-field-container.focused
+.search-notification.show {
   display: block;
 }
 
@@ -178,7 +184,7 @@
 
 .t-siw-search-container .searchHeader .search-details {
   position: relative;
-  padding-top: 5px;
+  margin-top: var(--theia-ui-padding);
 }
 
 .t-siw-search-container .searchHeader .search-details .button-container {
@@ -194,14 +200,14 @@
 }
 
 .t-siw-search-container .searchHeader .glob-field-container .glob-field {
-  margin-bottom: 8px;
-  margin-left: 18px;
+  margin-bottom: var(--theia-ui-padding);
+  margin-left: calc(var(--theia-ui-padding) * 3);
   display: flex;
   flex-direction: column;
 }
 
 .t-siw-search-container .searchHeader .glob-field-container .glob-field .label {
-  margin-bottom: 3px;
+  margin-bottom: 4px;
   user-select: none;
   font-size: var(--theia-ui-font-size0);
 }
@@ -310,13 +316,8 @@
 }
 
 .result-node-buttons > span {
-  width: 16px;
-  height: 16px;
-  margin-left: 2.5px;
-  margin-right: 0.5px;
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: contain;
+  padding: 2px;
+  margin-left: var(--theia-ui-padding);
   border-radius: 5px;
 }
 
@@ -331,18 +332,14 @@
 .replace-toggle {
   display: flex;
   align-items: center;
-  width: 16px;
-  min-width: 16px;
+  width: 14px;
+  min-width: 14px;
   justify-content: center;
+  margin-left: 2px;
   margin-right: 2px;
   box-sizing: border-box;
 }
 
-.theia-side-panel .replace-toggle {
-  width: 16px;
-  min-width: 16px;
-}
-
 .theia-side-panel .replace-toggle .codicon {
   padding: 0px;
 }
@@ -359,7 +356,8 @@
 
 .replace-field {
   display: flex;
-  margin-top: 5px;
+  margin-top: var(--theia-ui-padding);
+  gap: var(--theia-ui-padding);
 }
 
 .replace-field.hidden {
@@ -367,11 +365,9 @@
 }
 
 .replace-all-button-container {
-    width: 25px;
     display: flex;
-    align-items: start;
+    align-items: center;
     justify-content: center;
-    padding-top: 3px;
 }
 
 .result-node-buttons .replace-result {
@@ -394,7 +390,8 @@
 
 .t-siw-search-container .searchHeader .search-info {
   color: var(--theia-descriptionForeground);
-  margin-left: 17px;
+  margin-left: 18px;
+  margin-top: 10px;
 }
 
 .theia-siw-lineNumber {