fix: Fixed styling on "Commit selected" page (#1028)

Author: JohnstonCode

src/historyView/common.ts

@@ -68,7 +68,8 @@ export function transform(
 
 export function getIconObject(iconName: string): { light: Uri; dark: Uri } {
   // XXX Maybe use full path to extension?
-  const iconsRootPath = path.join(__dirname, "..", "..", "icons");
+  // Path needs to be relative from out/
+  const iconsRootPath = path.join(__dirname, "..", "icons");
   const toUri = (theme: string) =>
     Uri.file(path.join(iconsRootPath, theme, `${iconName}.svg`));
   return {

src/resource.ts

@@ -10,6 +10,7 @@ import { PropStatus, Status } from "./common/types";
 import { memoize } from "./decorators";
 import { configuration } from "./helpers/configuration";
 
+// Path needs to be relative from out/
 const iconsRootPath = path.join(__dirname, "..", "icons");
 
 function getIconUri(iconName: string, theme: string): Uri {

src/uri.ts

@@ -30,6 +30,7 @@ export function toSvnUri(
 }
 
 export function getIconUri(iconName: string, theme: string): Uri {
+  // Path needs to be relative from out/
   const iconsRootPath = path.join(__dirname, "..", "icons");
   return Uri.file(path.join(iconsRootPath, theme, `${iconName}.svg`));
 }

webpack.config.js

@@ -7,7 +7,9 @@ const IGNORED = ['jschardet', 'iconv-lite', 'iconv-lite-umd', './vscodeModules']
 /**@type {import('webpack').Configuration}*/
 const config = {
   target: 'node', // vscode extensions run in a Node.js-context 📖 -> https://webpack.js.org/configuration/node/
-
+  node: {
+    __dirname: false
+  },
   entry: './src/extension.ts', // the entry point of this extension, 📖 -> https://webpack.js.org/configuration/entry-context/
   output: {
     // the bundle is stored in the 'dist' folder (check package.json), 📖 -> https://webpack.js.org/configuration/output/