Fixes appearance of tooltip of "create PR with AI" button

sergeibbb · sergeibbb · commit e589aebd5024 · 2025-03-31T17:12:03.000+02:00
Uses `media` query on max-width instead of `container`
(vscode-gitlens-private#43)
diff --git a/src/webviews/apps/plus/home/components/branch-card.ts b/src/webviews/apps/plus/home/components/branch-card.ts
@@ -174,8 +174,6 @@ export const branchCardStyles = css`
 	.branch-item__row {
 		display: flex;
 		gap: 0.8rem;
-		container-type: inline-size;
-		contain: layout;
 	}
 
 	.branch-item__row [full] {
@@ -190,7 +188,7 @@ export const branchCardStyles = css`
 		display: none;
 	}
 
-	@container (max-width: 330px) {
+	@media (max-width: 330px) {
 		.branch-item__is-narrow {
 			display: block;
 		}

Original file line number	Diff line number	Diff line change
@@ -174,8 +174,6 @@ export const branchCardStyles = css`
`174`	`174`	`.branch-item__row {`
`175`	`175`	`display: flex;`
`176`	`176`	`gap: 0.8rem;`
`177`		`- container-type: inline-size;`
`178`		`- contain: layout;`
`179`	`177`	`}`
`180`	`178`
`181`	`179`	`.branch-item__row [full] {`
@@ -190,7 +188,7 @@ export const branchCardStyles = css`
`190`	`188`	`display: none;`
`191`	`189`	`}`
`192`	`190`
`193`		`- @container (max-width: 330px) {`
	`191`	`+ @media (max-width: 330px) {`
`194`	`192`	`.branch-item__is-narrow {`
`195`	`193`	`display: block;`
`196`	`194`	`}`