Style: Update “Getting Started” media layout in the editor to accommodate width constraints. (#239252)

bhavyaus · web-flow · commit a5036df868cf · 2025-01-30T21:26:51.000+01:00
style: enhance getting started media layout in the editor
diff --git a/src/vs/workbench/contrib/welcomeGettingStarted/browser/media/gettingStarted.css b/src/vs/workbench/contrib/welcomeGettingStarted/browser/media/gettingStarted.css
@@ -586,6 +586,14 @@
 	justify-content: center;
 }
 
+.monaco-workbench .part.editor > .content .gettingStartedContainer.width-semi-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent.video > .getting-started-media {
+	grid-area: media;
+	height: inherit;
+	width: inherit;
+	display: flex;
+	justify-content: center;
+}
+
 .monaco-workbench .part.editor > .content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent.markdown > .getting-started-media {
 	height: inherit;
 }

Original file line number	Diff line number	Diff line change
`@@ -586,6 +586,14 @@`
`586`	`586`	`justify-content: center;`
`587`	`587`	`}`
`588`	`588`
	`589`	`+.monaco-workbench .part.editor > .content .gettingStartedContainer.width-semi-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent.video > .getting-started-media {`
	`590`	`+ grid-area: media;`
	`591`	`+ height: inherit;`
	`592`	`+ width: inherit;`
	`593`	`+ display: flex;`
	`594`	`+ justify-content: center;`
	`595`	`+}`
	`596`	`+`
`589`	`597`	`.monaco-workbench .part.editor > .content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent.markdown > .getting-started-media {`
`590`	`598`	`height: inherit;`
`591`	`599`	`}`