mrva/vscode-codeql
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Make icon part of clickable link

Browse Source 
Plus fix the associated styling/CSS
This commit is contained in:
shati-patel
2022-02-24 16:17:00 +00:00
committed by Shati Patel
parent 8712106b3d
commit 303513a566
2 changed files with 11 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
extensions/ql-vscode/src/remote-queries/view/RemoteQueries.tsx
View File

@@ -79,21 +79,21 @@ const QueryInfo = (queryResult: RemoteQueryResult) => (
{queryResult.totalResultCount} results from running against {queryResult.totalRepositoryCount} repositories
({queryResult.executionDuration}), {queryResult.executionTimestamp}
<VerticalSpace size={1} />
<span className="vscode-codeql__query-file">
<FileCodeIcon size={16} />
<a className="vscode-codeql__query-file-link" href="#" onClick={() => openQueryFile(queryResult)}>
<span>
<a className="vscode-codeql__query-info-link" href="#" onClick={() => openQueryFile(queryResult)}>
<span> <FileCodeIcon size={16} /> </span>
{queryResult.queryFileName}
</a>
</span>
<span className="vscode-codeql__query-file">
<CodeSquareIcon size={16} />
<a className="vscode-codeql__query-file-link" href="#" onClick={() => openQueryTextVirtualFile(queryResult)}>
<span>
<a className="vscode-codeql__query-info-link" href="#" onClick={() => openQueryTextVirtualFile(queryResult)}>
<span> <CodeSquareIcon size={16} /> </span>
Query
</a>
</span>
<span>
<TerminalIcon size={16} />
<a className="vscode-codeql__query-file-link" href={queryResult.workflowRunUrl}>
<a className="vscode-codeql__query-info-link" href={queryResult.workflowRunUrl}>
<span> <TerminalIcon size={16} /> </span>
Logs
</a>
</span>

10
extensions/ql-vscode/src/remote-queries/view/remoteQueries.css
View File

@@ -1,14 +1,10 @@
.vscode-codeql__query-file {
padding-right: 1em;
}
.vscode-codeql__query-file-link {
.vscode-codeql__query-info-link {
text-decoration: none;
padding-left: 0.3em;
padding-right: 1em;
color: var(--vscode-editor-foreground);
}
.vscode-codeql__query-file-link:hover {
.vscode-codeql__query-info-link:hover {
color: var(--vscode-editor-foreground);
}