From 56a3f054f9edb7fc5d5f1029528c4a4d2b0edd46 Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Mon, 18 Nov 2024 23:28:54 +0800
Subject: [PATCH] fix(core): emoji doc name rendering on windows (#8857)

---
 .../page-list/collections/collection-list-item.css.ts         | 4 +++-
 .../core/src/components/page-list/docs/page-list-item.css.ts  | 3 ++-
 .../frontend/core/src/modules/quicksearch/views/cmdk.css.ts   | 3 +++
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/core/src/components/page-list/collections/collection-list-item.css.ts b/packages/frontend/core/src/components/page-list/collections/collection-list-item.css.ts
index c478dd6b3e..2a6e78f4c9 100644
--- a/packages/frontend/core/src/components/page-list/collections/collection-list-item.css.ts
+++ b/packages/frontend/core/src/components/page-list/collections/collection-list-item.css.ts
@@ -74,7 +74,7 @@ globalStyle(`${root} > :last-child`, {
   paddingRight: '8px',
 });
 export const titleIconsWrapper = style({
-  padding: '0 5px',
+  width: 34,
   display: 'flex',
   alignItems: 'center',
   gap: '10px',
@@ -119,6 +119,8 @@ export const iconCell = style({
   fontSize: cssVar('fontH3'),
   color: cssVar('iconColor'),
   flexShrink: 0,
+  width: 24,
+  height: 24,
 });
 export const tagsCell = style({
   display: 'flex',
diff --git a/packages/frontend/core/src/components/page-list/docs/page-list-item.css.ts b/packages/frontend/core/src/components/page-list/docs/page-list-item.css.ts
index 1a5afe11f5..44544cd2d1 100644
--- a/packages/frontend/core/src/components/page-list/docs/page-list-item.css.ts
+++ b/packages/frontend/core/src/components/page-list/docs/page-list-item.css.ts
@@ -72,9 +72,10 @@ globalStyle(`${root} > :last-child`, {
   paddingRight: '8px',
 });
 export const titleIconsWrapper = style({
-  padding: '0 5px',
+  width: 34,
   display: 'flex',
   alignItems: 'center',
+  justifyContent: 'center',
   gap: '10px',
 });
 export const selectionCell = style({
diff --git a/packages/frontend/core/src/modules/quicksearch/views/cmdk.css.ts b/packages/frontend/core/src/modules/quicksearch/views/cmdk.css.ts
index 54b3b6b9a0..84327d9eeb 100644
--- a/packages/frontend/core/src/modules/quicksearch/views/cmdk.css.ts
+++ b/packages/frontend/core/src/modules/quicksearch/views/cmdk.css.ts
@@ -5,10 +5,13 @@ export const root = style({});
 
 export const itemIcon = style({
   fontSize: 20,
+  width: '1em',
+  height: '1em',
   marginRight: 16,
   flexShrink: 0,
   display: 'flex',
   alignItems: 'center',
+  justifyContent: 'center',
   color: cssVar('iconSecondary'),
 });