fix: truncate text to fix layout (#25270)

Manuel-Suarez-Abascal · warrensplayer · marktnoonan · web-flow · commit 3925ae062a9b · 2022-12-29T18:03:29.000-05:00
Co-authored-by: Stokes Player <stokes.player@gmail.com> Co-authored-by: Mark Noonan <mark@cypress.io> Closes #21755
diff --git a/packages/launchpad/src/setup/OpenBrowserList.vue b/packages/launchpad/src/setup/OpenBrowserList.vue
@@ -56,7 +56,7 @@
             >
           </div>
           <div
-            class="font-medium pt-2 text-18px leading-28px"
+            class="font-medium pt-2 px-2 text-18px leading-28px truncate"
             :class="checked ? 'text-jade-600' : ( browser.disabled || !browser.isVersionSupported ) ? 'text-gray-500' : 'text-indigo-600'"
           >
             {{ browser.displayName }}

Original file line number	Diff line number	Diff line change
`@@ -56,7 +56,7 @@`
`56`	`56`	`>`
`57`	`57`	`</div>`
`58`	`58`	`<div`
`59`		`- class="font-medium pt-2 text-18px leading-28px"`
	`59`	`+ class="font-medium pt-2 px-2 text-18px leading-28px truncate"`
`60`	`60`	`:class="checked ? 'text-jade-600' : ( browser.disabled \|\| !browser.isVersionSupported ) ? 'text-gray-500' : 'text-indigo-600'"`
`61`	`61`	`>`
`62`	`62`	`{{ browser.displayName }}`