Walkthrough image fixes. (microsoft#186777)

bhavyaus · web-flow · commit e14552591727 · 2023-06-30T13:02:14.000-07:00
* Remove height and width from profiles.svg

* Keep non svg images centered

* Fix indent
diff --git a/src/vs/workbench/contrib/welcomeGettingStarted/browser/media/gettingStarted.css b/src/vs/workbench/contrib/welcomeGettingStarted/browser/media/gettingStarted.css
@@ -585,6 +585,8 @@
 .monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent.image>.getting-started-media {
 	grid-area: title-start / media-start / steps-end / media-end;
 	align-self: unset;
+	display: flex;
+	justify-content: center;
 }
 
 .monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent.image>.getting-started-media {
diff --git a/src/vs/workbench/contrib/welcomeGettingStarted/common/media/profiles.svg b/src/vs/workbench/contrib/welcomeGettingStarted/common/media/profiles.svg
@@ -1,4 +1,4 @@
-<svg width="520" height="238" viewBox="0 0 520 238" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 520 238" fill="none" xmlns="http://www.w3.org/2000/svg">
   <g>
     <rect width="520" height="238" fill="var(--vscode-breadcrumb-background, #1E1E1E)" />
     <g clip-path="url(#clip0_1_138)">
@@ -70,4 +70,4 @@
       <rect width="115.654" height="39.2998" fill="var(--vscode-activityBar-activeBorder, #FFFFFF)" />
     </clipPath>
   </defs>
-</svg>
+</svg>

Original file line number	Diff line number	Diff line change
`@@ -585,6 +585,8 @@`
`585`	`585`	`.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent.image>.getting-started-media {`
`586`	`586`	`grid-area: title-start / media-start / steps-end / media-end;`
`587`	`587`	`align-self: unset;`
	`588`	`+ display: flex;`
	`589`	`+ justify-content: center;`
`588`	`590`	`}`
`589`	`591`
`590`	`592`	`.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent.image>.getting-started-media {`