diff --git a/libs/remix-ui/search/src/lib/components/Exclude.tsx b/libs/remix-ui/search/src/lib/components/Exclude.tsx index be6f0054fb..2537a4d36e 100644 --- a/libs/remix-ui/search/src/lib/components/Exclude.tsx +++ b/libs/remix-ui/search/src/lib/components/Exclude.tsx @@ -17,7 +17,7 @@ export const Exclude = props => { return ( <> -
+
{ return ( <> -
+
-
+
-
+
{ return ( <> -
+
{ return ( <> -
+
{ return ( <> -
+
-
+
diff --git a/libs/remix-ui/search/src/lib/components/results/ResultFileName.tsx b/libs/remix-ui/search/src/lib/components/results/ResultFileName.tsx index 5d6412af25..303e8da21e 100644 --- a/libs/remix-ui/search/src/lib/components/results/ResultFileName.tsx +++ b/libs/remix-ui/search/src/lib/components/results/ResultFileName.tsx @@ -18,9 +18,9 @@ export const ResultFileName = (props: ResultItemProps) => { return ( <> {icon ?
: null} -
+
{path.basename(props.file.path)} - {path.dirname(props.file.path)} + {path.dirname(props.file.path)}
) diff --git a/libs/remix-ui/search/src/lib/components/results/ResultItem.tsx b/libs/remix-ui/search/src/lib/components/results/ResultItem.tsx index 3534321e7e..91bb40b51b 100644 --- a/libs/remix-ui/search/src/lib/components/results/ResultItem.tsx +++ b/libs/remix-ui/search/src/lib/components/results/ResultItem.tsx @@ -66,7 +66,7 @@ export const ResultItem = (props: ResultItemProps) => { <> {lines && lines.length ? ( <> -
+
{' '} -
-
+
+
{props.file.count}
{loading ?
Loading...
: null} {!toggleExpander && !loading ? ( -
+
{lines.map((line, index) => ( { return ( <> {props.line.lines.map((lineItem, index) => ( -
+
{ selectLine(lineItem) }} data-id={`${props.searchResult.filename}-${lineItem.position.start.line}-${lineItem.position.start.column}`} key={props.searchResult.filename} - className='search_line pb-1' + className='search_plugin_search_line pb-1' > -
{lineItem.left.substring(lineItem.left.length - 20).trimStart()}
- {lineItem.center} - {state.replace? {state.replace}:<>} -
{lineItem.right.substring(0, 100)}
+
{lineItem.left.substring(lineItem.left.length - 20).trimStart()}
+ {lineItem.center} + {state.replace? {state.replace}:<>} +
{lineItem.right.substring(0, 100)}
-
+
{ replace(lineItem) }} className="codicon codicon-find-replace" role="button" aria-label="Replace" aria-disabled="false">
diff --git a/libs/remix-ui/search/src/lib/components/results/Results.tsx b/libs/remix-ui/search/src/lib/components/results/Results.tsx index 1c5521cfeb..b2094d23c9 100644 --- a/libs/remix-ui/search/src/lib/components/results/Results.tsx +++ b/libs/remix-ui/search/src/lib/components/results/Results.tsx @@ -6,7 +6,7 @@ export const Results = () => { const { state } = useContext(SearchContext) return (
- {state.find ?
{state.count} results
: null} + {state.find ?
{state.count} results
: null} {state.count < state.maxResults && state.searchResults && state.searchResults.map((result, index) => { return diff --git a/libs/remix-ui/search/src/lib/search.css b/libs/remix-ui/search/src/lib/search.css index 88f62ab5b2..895ce83e7f 100644 --- a/libs/remix-ui/search/src/lib/search.css +++ b/libs/remix-ui/search/src/lib/search.css @@ -1,4 +1,4 @@ -.search_result_item_title { +.search_plugin_search_result_item_title { display: flex; -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ @@ -8,7 +8,7 @@ align-items: center; } -.wrap_summary { +.search_plugin_wrap_summary { overflow: hidden; white-space: nowrap; -webkit-user-select: none; /* Safari */ @@ -18,89 +18,89 @@ cursor: pointer; } -.find-part { +.search_plugin_find-part { display: flex; flex-direction: column; padding: 2px; } -.controls { +.search_plugin_controls { display: flex; } -.search_tab .search_line_container { +.search_plugin_search_tab .search_plugin_search_line_container { display: flex; flex-direction: row; position: relative; } -.search_tab .search_line { +.search_plugin_search_tab .search_plugin_search_line { width: 100%; overflow: hidden; display: flex; } -.search_tab .search_control { +.search_plugin_search_tab .search_plugin_search_control { flex-grow: 0; position: absolute; right: 0px; top: 0px; } -.summary_right { +.search_plugin_summary_right { min-width: 0; white-space: pre; text-overflow: ellipsis; overflow: hidden; } -.search_tab .replace_strike { +.search_plugin_search_tab .search_plugin_replace_strike { text-decoration: line-through; } -.summary_left { +.search_plugin_summary_left { white-space: pre; } -.search_tab mark { +.search_plugin_search_tab mark { padding: 0; } -.search_tab .search_line_container .search_control { +.search_plugin_search_tab .search_plugin_search_line_container .search_plugin_search_control { display: none; } -.search_tab .search_line_container:hover .search_control { +.search_plugin_search_tab .search_plugin_search_line_container:hover .search_plugin_search_control { display: block; } -.search_tab .search_line_container:hover .search_line { +.search_plugin_search_tab .search_plugin_search_line_container:hover .search_plugin_search_line { width: 93%; } -.search-input { +.search_plugin_search-input { display: flex; flex-direction: row; align-items: center; } -.search_tab .checked { +.search_plugin_search_tab .checked { background-color: var(--secondary); } -.search_tab .search_file_name { +.search_plugin_search_tab .search_plugin_search_file_name { text-overflow: ellipsis; overflow: hidden; text-transform: uppercase; } -.search_tab .result_count { +.search_plugin_search_tab .search_plugin_result_count { flex-grow: 1; text-align: right; display: flex; justify-content: flex-end; } -.search_tab .result_count_number { +.search_plugin_search_tab .search_plugin_result_count_number { font-size: x-small; } \ No newline at end of file