From d066da3e8a8b7a72c5e1bafb75111d808ac8b5c3 Mon Sep 17 00:00:00 2001 From: CatsJuice Date: Thu, 23 May 2024 02:42:01 +0000 Subject: [PATCH] fix(core): right sidebar's content is not centered when clientBorder enabled (#7034) - before ![CleanShot%202024-05-22%20at%2018.18.15@2x.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/LakojjjzZNf6ogjOVwKE/4fe8f114-6471-4e28-8788-0d50b39efe7a.png) ![CleanShot%202024-05-22%20at%2018.27.18@2x.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/LakojjjzZNf6ogjOVwKE/95ff58d7-2f6b-42ae-85f2-6b026ad48c05.png) - after ![CleanShot 2024-05-22 at 19.10.30@2x.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/LakojjjzZNf6ogjOVwKE/920fc348-b53f-4e5e-aa85-3329372923b1.png) --- .../core/src/modules/multi-tab-sidebar/view/body.css.ts | 1 - .../core/src/modules/right-sidebar/view/container.css.ts | 9 --------- 2 files changed, 10 deletions(-) diff --git a/packages/frontend/core/src/modules/multi-tab-sidebar/view/body.css.ts b/packages/frontend/core/src/modules/multi-tab-sidebar/view/body.css.ts index 280a9c363c..25a55d7792 100644 --- a/packages/frontend/core/src/modules/multi-tab-sidebar/view/body.css.ts +++ b/packages/frontend/core/src/modules/multi-tab-sidebar/view/body.css.ts @@ -6,7 +6,6 @@ export const root = style({ flex: 1, width: '100%', height: '100%', - minWidth: '320px', overflow: 'hidden', alignItems: 'center', borderTop: `1px solid ${cssVar('borderColor')}`, diff --git a/packages/frontend/core/src/modules/right-sidebar/view/container.css.ts b/packages/frontend/core/src/modules/right-sidebar/view/container.css.ts index a7be1f52e2..aa08c5f2d9 100644 --- a/packages/frontend/core/src/modules/right-sidebar/view/container.css.ts +++ b/packages/frontend/core/src/modules/right-sidebar/view/container.css.ts @@ -36,14 +36,5 @@ export const sidebarContainer = style({ export const sidebarBodyTarget = style({ flex: 1, width: '100%', - minWidth: '320px', overflow: 'hidden', - selectors: { - [`&[data-client-border=true]`]: { - paddingLeft: 9, - }, - [`&[data-client-border=false]`]: { - borderLeft: `1px solid ${cssVar('borderColor')}`, - }, - }, });