From a9db2ee0449128c65ec68aad8a0b7ace2bafaf46 Mon Sep 17 00:00:00 2001 From: FernandoAscencio Date: Mon, 10 Apr 2023 10:51:50 -0400 Subject: [PATCH] SeachInWorkspace: Include/Exclude Inputbox placeholder This commit implements the include and exclude inputbox placeholder. Signed-Off-By: FernandoAscencio --- .../src/browser/search-in-workspace-widget.tsx | 4 ++++ packages/search-in-workspace/src/browser/styles/index.css | 4 ++++ 2 files changed, 8 insertions(+) diff --git a/packages/search-in-workspace/src/browser/search-in-workspace-widget.tsx b/packages/search-in-workspace/src/browser/search-in-workspace-widget.tsx index 521621e2e1b66..ec38734d76db4 100644 --- a/packages/search-in-workspace/src/browser/search-in-workspace-widget.tsx +++ b/packages/search-in-workspace/src/browser/search-in-workspace-widget.tsx @@ -619,6 +619,10 @@ export class SearchInWorkspaceWidget extends BaseWidget implements StatefulWidge defaultValue={value} autoComplete='off' id={kind + '-glob-field'} + placeholder={kind === 'include' + ? nls.localizeByDefault('e.g. *.ts, src/**/include') + : nls.localizeByDefault('e.g. *.ts, src/**/exclude') + } onKeyUp={e => { if (e.target) { const targetValue = (e.target as HTMLInputElement).value || ''; diff --git a/packages/search-in-workspace/src/browser/styles/index.css b/packages/search-in-workspace/src/browser/styles/index.css index bd22a6ec99443..97c05d86657d9 100644 --- a/packages/search-in-workspace/src/browser/styles/index.css +++ b/packages/search-in-workspace/src/browser/styles/index.css @@ -189,6 +189,10 @@ font-size: var(--theia-ui-font-size0); } +.t-siw-search-container .searchHeader .glob-field-container .glob-field .theia-input:not(:focus)::placeholder { + color: transparent; +} + .t-siw-search-container .resultContainer { height: 100%; margin-left: 13px;