From cfc78ed4f58647769f651da5a952fed20cfb217f Mon Sep 17 00:00:00 2001 From: Jacob Fletcher Date: Tue, 10 Oct 2023 17:04:54 -0400 Subject: [PATCH] fix: sidebar width when fields have long descriptions (#3562) --- .../src/admin/components/views/Global/Default/index.scss | 2 +- .../admin/components/views/collections/Edit/Default/index.scss | 2 +- test/admin/config.ts | 2 ++ 3 files changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/payload/src/admin/components/views/Global/Default/index.scss b/packages/payload/src/admin/components/views/Global/Default/index.scss index 733b9efff3..eb4d1b9ead 100644 --- a/packages/payload/src/admin/components/views/Global/Default/index.scss +++ b/packages/payload/src/admin/components/views/Global/Default/index.scss @@ -50,7 +50,7 @@ &__sidebar-wrap { position: sticky; top: 0; - flex-grow: 1; + width: 33.33%; } &__sidebar { diff --git a/packages/payload/src/admin/components/views/collections/Edit/Default/index.scss b/packages/payload/src/admin/components/views/collections/Edit/Default/index.scss index 511c4ba9c8..98d7771cd1 100644 --- a/packages/payload/src/admin/components/views/collections/Edit/Default/index.scss +++ b/packages/payload/src/admin/components/views/collections/Edit/Default/index.scss @@ -54,7 +54,7 @@ &__sidebar-wrap { position: sticky; top: 0; - flex-grow: 1; + width: 33.33%; } &__sidebar { diff --git a/test/admin/config.ts b/test/admin/config.ts index 6a50d8ffa1..db03212d1f 100644 --- a/test/admin/config.ts +++ b/test/admin/config.ts @@ -151,6 +151,8 @@ export default buildConfigWithDefaults({ type: 'text', admin: { position: 'sidebar', + description: + 'This is a very long description that takes many characters to complete and hopefully will wrap instead of push the sidebar open, lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptatum voluptates. Quisquam, voluptatum voluptates.', }, }, ],