adam/vscode-front-matter
1
0
Fork 0
mirror of https://github.com/estruyf/vscode-front-matter.git synced 2026-07-04 00:41:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

#513 - Added devtools command

Browse Source
This commit is contained in:
Elio Struyf
2023-02-28 14:45:18 +01:00
parent 8bc63a48a0
commit cbeda07d25
3 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/dashboardWebView/components/App.tsx
+7 -1
View File
@@ -100,11 +100,17 @@ Stack: ${componentStack}`
<span className='absolute left-2'>Development mode</span>
<a
className="ml-2 px-2 hover:text-[var(--vscode-statusBarItem-hoverForeground)] hover:bg-[var(--vscode-statusBarItem-hoverBackground)] hover:outline-none focus:outline-none"
className="ml-2 px-2 hover:text-[var(--vscode-statusBar-debuggingForeground)] hover:bg-[var(--vscode-statusBarItem-hoverBackground)] hover:outline-none focus:outline-none"
href={`command:workbench.action.webview.reloadWebviewAction`}
title="Reload the dashboard">
Reload
</a>
<a
className="ml-2 px-2 hover:text-[var(--vscode-statusBar-debuggingForeground)] hover:bg-[var(--vscode-statusBarItem-hoverBackground)] hover:outline-none focus:outline-none"
href={`command:workbench.action.webview.openDeveloperTools`}
title="Open DevTools">
DevTools
</a>
</div>
)
}
src/panelWebView/ViewPanel.tsx
+6
View File
@@ -66,6 +66,12 @@ export const ViewPanel: React.FunctionComponent<IViewPanelProps> = (
title="Reload the dashboard">
Reload
</a>
<a
className="developer__bar__link"
href={`command:workbench.action.webview.openDeveloperTools`}
title="Open DevTools">
DevTools
</a>
</div>
)
}
src/panelWebView/styles.css
+4 -1
View File
@@ -1022,10 +1022,13 @@ vscode-divider {
a {
color: var(--vscode-statusBar-debuggingForeground);
margin: 0 0.25em;
padding: 0 0.25em;
text-decoration: none;
&:hover,
&:focus {
color: var(--vscode-statusBarItem-hoverForeground);
color: var(--vscode-statusBar-debuggingForeground);
background: var(--vscode-statusBarItem-hoverBackground);
outline: none;
}