Make restart button spin in same direction as other restart button (p…

…osit-dev#3588) * make restart button spin in same direction as restart button Authored-by: Jonathan McPherson <[email protected]> Signed-off-by: Jonathan McPherson <[email protected]>
kylebutts · Jun 18, 2024 · 7104232 · 7104232
1 parent 61a3977
commit 7104232
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/vs/workbench/contrib/positronConsole/browser/components/runtimeRestartButton.css b/src/vs/workbench/contrib/positronConsole/browser/components/runtimeRestartButton.css
@@ -1,5 +1,5 @@
 /*---------------------------------------------------------------------------------------------
- *  Copyright (C) 2023 Posit Software, PBC. All rights reserved.
+ *  Copyright (C) 2023-2024 Posit Software, PBC. All rights reserved.
  *--------------------------------------------------------------------------------------------*/
 
 .runtime-restart-button {
@@ -9,4 +9,10 @@
 	width: fit-content;
 	padding-left: 10px;
 	padding-right: 10px;
+	background-color: var(--vscode-button-background);
+	color: var(--vscode-button-foreground);
+}
+
+.runtime-restart-button:hover {
+	background-color: var(--vscode-button-hoverBackground);
 }
diff --git a/src/vs/workbench/contrib/positronConsole/browser/components/runtimeRestartButton.tsx b/src/vs/workbench/contrib/positronConsole/browser/components/runtimeRestartButton.tsx
@@ -1,5 +1,5 @@
 /*---------------------------------------------------------------------------------------------
- *  Copyright (C) 2023 Posit Software, PBC. All rights reserved.
+ *  Copyright (C) 2023-2024 Posit Software, PBC. All rights reserved.
  *--------------------------------------------------------------------------------------------*/
 
 import 'vs/css!./runtimeRestartButton';
@@ -37,7 +37,7 @@ export const RuntimeRestartButton = (props: RuntimeRestartButtonProps) => {
 		}));
 
 		return () => disposableStore.dispose();
-        },[props.positronConsoleInstance]);
+	}, [props.positronConsoleInstance]);
 
 	const handleRestart = () => {
 		// Invoke the restart callback.
@@ -54,7 +54,7 @@ export const RuntimeRestartButton = (props: RuntimeRestartButtonProps) => {
 		<button ref={restartRef}
 			className='monaco-text-button runtime-restart-button'
 			onClick={handleRestart}>
-			<span className='codicon codicon-debug-restart'></span>
+			<span className='codicon codicon-positron-restart-runtime'></span>
 			<span className='label'>{restartLabel}</span>
 		</button>
 	);