Merge from vscode e0762af258c0b20320ed03f3871a41967acc4421 (#7404)

* Merge from vscode e0762af258c0b20320ed03f3871a41967acc4421

* readd svgs

src/vs/base/browser/ui/splitview/panelview.css

@@ -20,38 +20,22 @@
 	font-size: 11px;
 	font-weight: bold;
 	text-transform: uppercase;
-	padding-left: 20px;
 	overflow: hidden;
 	display: flex;
 	cursor: pointer;
 }
 
-.monaco-panel-view .panel > .panel-header {
-	background-image: url('tree-collapsed-light.svg');
-	background-position: 2px center;
-	background-repeat: no-repeat;
+.monaco-panel-view .panel > .panel-header > .twisties {
+	width: 20px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	transform-origin: center;
+	color: inherit;
 }
 
-.monaco-panel-view .panel > .panel-header.expanded {
-	background-image: url('tree-expanded-light.svg');
-	background-position: 2px center;
-	background-repeat: no-repeat;
-}
-
-.vs-dark .monaco-panel-view .panel > .panel-header {
-	background-image: url('tree-collapsed-dark.svg');
-}
-
-.vs-dark .monaco-panel-view .panel > .panel-header.expanded {
-	background-image: url('tree-expanded-dark.svg');
-}
-
-.hc-black .monaco-panel-view .panel > .panel-header {
-	background-image: url('tree-collapsed-hc.svg');
-}
-
-.hc-black .monaco-panel-view .panel > .panel-header.expanded {
-	background-image: url('tree-expanded-hc.svg');
+.monaco-panel-view .panel > .panel-header.expanded > .twisties::before {
+	transform: rotate(90deg);
 }
 
 /* TODO: actions should be part of the panel, but they aren't yet */
@@ -79,6 +63,7 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
+	color: inherit;
 }
 
 /* Bold font style does not go well with CJK fonts */

src/vs/base/browser/ui/splitview/splitview.ts

@@ -54,10 +54,10 @@ export interface IView {
 }
 
 interface ISashEvent {
-	sash: Sash;
-	start: number;
-	current: number;
-	alt: boolean;
+	readonly sash: Sash;
+	readonly start: number;
+	readonly current: number;
+	readonly alt: boolean;
 }
 
 type ViewItemSize = number | { cachedVisibleSize: number };

src/vs/base/browser/ui/splitview/tree-collapsed-dark.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0719 7.99999L5.71461 12.3573L6.33333 12.976L11 8.30935V7.69064L6.33333 3.02397L5.71461 3.64269L10.0719 7.99999Z" fill="#C5C5C5"/>
-</svg>

src/vs/base/browser/ui/splitview/tree-collapsed-hc.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0719 7.99999L5.71461 12.3573L6.33333 12.976L11 8.30935V7.69063L6.33333 3.02396L5.71461 3.64268L10.0719 7.99999Z" fill="white"/>
-</svg>

src/vs/base/browser/ui/splitview/tree-collapsed-light.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0719 7.99999L5.71461 12.3573L6.33333 12.976L11 8.30935V7.69063L6.33333 3.02396L5.71461 3.64268L10.0719 7.99999Z" fill="#424242"/>
-</svg>

src/vs/base/browser/ui/splitview/tree-expanded-dark.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.97603 10.0719L12.3333 5.71461L12.9521 6.33333L8.28539 11L7.66667 11L3 6.33333L3.61872 5.71461L7.97603 10.0719Z" fill="#C5C5C5"/>
-</svg>

src/vs/base/browser/ui/splitview/tree-expanded-hc.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.97603 10.0719L12.3333 5.71461L12.9521 6.33333L8.28539 11L7.66667 11L3 6.33333L3.61872 5.71461L7.97603 10.0719Z" fill="white"/>
-</svg>

src/vs/base/browser/ui/splitview/tree-expanded-light.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.97603 10.0719L12.3333 5.71461L12.9521 6.33333L8.28539 11L7.66667 11L3 6.33333L3.61872 5.71461L7.97603 10.0719Z" fill="#424242"/>
-</svg>