From c93077f6435c65a863c1bf58484d5fa74c6fc341 Mon Sep 17 00:00:00 2001 From: Peng Xiao Date: Mon, 11 Mar 2024 06:04:54 +0000 Subject: [PATCH] fix: divider styles issue (#6058) Using height: 1 as divider may have some display issues on Chrome. No idea why yet. ![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/42b342fb-d109-4bf7-b458-e870099710bc.png) --- .../core/src/components/affine/page-properties/styles.css.ts | 4 ++-- .../setting-modal/workspace-setting/properties/styles.css.ts | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/frontend/core/src/components/affine/page-properties/styles.css.ts b/packages/frontend/core/src/components/affine/page-properties/styles.css.ts index 1d3be9aff..2fe8b1a87 100644 --- a/packages/frontend/core/src/components/affine/page-properties/styles.css.ts +++ b/packages/frontend/core/src/components/affine/page-properties/styles.css.ts @@ -97,10 +97,10 @@ export const tableHeaderTimestamp = style({ }); export const tableHeaderDivider = style({ - height: '0.5px', + height: 0, + borderTop: `1px solid ${cssVar('borderColor')}`, width: '100%', margin: '8px 0', - backgroundColor: cssVar('borderColor'), }); export const tableBodyRoot = style({ diff --git a/packages/frontend/core/src/components/affine/setting-modal/workspace-setting/properties/styles.css.ts b/packages/frontend/core/src/components/affine/setting-modal/workspace-setting/properties/styles.css.ts index ddeb7ba35..ba066f97e 100644 --- a/packages/frontend/core/src/components/affine/setting-modal/workspace-setting/properties/styles.css.ts +++ b/packages/frontend/core/src/components/affine/setting-modal/workspace-setting/properties/styles.css.ts @@ -65,8 +65,8 @@ export const propertyDocCount = style({ export const divider = style({ width: '100%', - height: 1, - backgroundColor: cssVar('dividerColor'), + height: 0, + borderTop: `1px solid ${cssVar('borderColor')}`, }); export const spacer = style({