diff --git a/.changeset/some-oranges-relate.md b/.changeset/some-oranges-relate.md new file mode 100644 index 0000000000..99163b6f57 --- /dev/null +++ b/.changeset/some-oranges-relate.md @@ -0,0 +1,5 @@ +--- +'@openproject/primer-view-components': patch +--- + +Limit the max width of description texts in Primer::Beta::Blankslate diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_area/with_character_limit_over_limit/dark.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_area/with_character_limit_over_limit/dark.png index 77cf09b596..d34ab1b82f 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_area/with_character_limit_over_limit/dark.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_area/with_character_limit_over_limit/dark.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_area/with_character_limit_over_limit/light_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_area/with_character_limit_over_limit/light_high_contrast.png index e0705c47db..d6d8d5a7ea 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_area/with_character_limit_over_limit/light_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_area/with_character_limit_over_limit/light_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_field/with_character_limit_over_limit/dark_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_field/with_character_limit_over_limit/dark_colorblind.png index 585bc02b5e..58169f0b6e 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_field/with_character_limit_over_limit/dark_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_field/with_character_limit_over_limit/dark_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_field/with_character_limit_over_limit/dark_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_field/with_character_limit_over_limit/dark_high_contrast.png index 23b6ef32a1..e4011e53d1 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_field/with_character_limit_over_limit/dark_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/text_field/with_character_limit_over_limit/dark_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/default/default.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/default/default.png index 169a5acd1b..34b647d4e5 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/default/default.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/default/default.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/default/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/default/focused.png index 169a5acd1b..34b647d4e5 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/default/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/default/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/description/default.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/description/default.png index f394b58dfb..7f634c2004 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/description/default.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/description/default.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/description/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/description/focused.png index f394b58dfb..7f634c2004 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/description/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/description/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/loading/default.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/loading/default.png index 9eb2fac086..52288a7bff 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/loading/default.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/loading/default.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/loading/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/loading/focused.png index 9eb2fac086..52288a7bff 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/loading/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/loading/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/option_border/default.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/option_border/default.png index 0a488b1bb0..3566cd4d4d 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/option_border/default.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/option_border/default.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/option_border/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/option_border/focused.png index 0a488b1bb0..3566cd4d4d 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/option_border/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/blankslate/option_border/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark.png index 710c1c0bab..7916f88a5e 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark_colorblind.png index ccb6c0122e..186d3745f9 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark_dimmed.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark_dimmed.png index c2e8a842ad..acc0a62682 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark_dimmed.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark_dimmed.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark_high_contrast.png index 3b065bbc15..7da7bdb4b4 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/dark_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/light.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/light.png index c153f1b0cf..ed90292f33 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/light.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/light.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/light_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/light_colorblind.png index 31a2f92a3e..c6810ac89f 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/light_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/light_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/light_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/light_high_contrast.png index f94afb2a37..74433aa670 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/light_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/default/light_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark.png index a8a04674fd..e533187d00 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark_colorblind.png index 848bfb21e9..7dcad39db0 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark_dimmed.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark_dimmed.png index fb074097ce..074ca2e8ff 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark_dimmed.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark_dimmed.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark_high_contrast.png index 0f242adf5d..b898eb4e0a 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/dark_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/light.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/light.png index df38bdf7ba..3b295b4c7f 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/light.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/light.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/light_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/light_colorblind.png index 7db1a61ef6..ffd4562a40 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/light_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/light_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/light_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/light_high_contrast.png index 7ce1619df9..72aa2cab56 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/light_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/danger_dialog/with_confirmation_check_box/light_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark.png index 3dcbf6aebf..d1147972e7 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark_colorblind.png index 4c86319506..ab4f7f5ecd 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark_dimmed.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark_dimmed.png index 713d046f2a..8f363b0c88 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark_dimmed.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark_dimmed.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark_high_contrast.png index 808598e6ff..af480c793f 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/dark_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/light.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/light.png index 7bec7ace02..6f0d3cb1e6 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/light.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/light.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/light_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/light_colorblind.png index 225746d711..52e8855897 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/light_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/light_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/light_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/light_high_contrast.png index c25df40395..e1d92c6a45 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/light_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_dialog/default/light_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_message/default/default.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_message/default/default.png index 84510608ea..9a9270f68c 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_message/default/default.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_message/default/default.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_message/default/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_message/default/focused.png index 84510608ea..9a9270f68c 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_message/default/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/feedback_message/default/focused.png differ diff --git a/app/components/primer/beta/blankslate.pcss b/app/components/primer/beta/blankslate.pcss index 801ea2f705..f548feb701 100644 --- a/app/components/primer/beta/blankslate.pcss +++ b/app/components/primer/beta/blankslate.pcss @@ -18,6 +18,8 @@ & p { font-size: var(--text-body-size-large); color: var(--fgColor-muted); + max-width: 56rem; + margin: auto; } /* stylelint-disable-next-line selector-max-type */