From 0cb0b191e4cdb9e2153bee46672b8a5c78ad5082 Mon Sep 17 00:00:00 2001
From: ryjiang <jiangruiyi@gmail.com>
Date: Fri, 8 Mar 2024 17:01:49 +0800
Subject: [PATCH] fix grid header jittering

Signed-off-by: ryjiang <jiangruiyi@gmail.com>
---
 client/src/pages/collections/Collections.tsx | 8 ++++----
 client/src/pages/partitions/Partitions.tsx   | 2 +-
 client/src/styles/common.css                 | 3 +++
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/client/src/pages/collections/Collections.tsx b/client/src/pages/collections/Collections.tsx
index 44ccb19a..34b7f182 100644
--- a/client/src/pages/collections/Collections.tsx
+++ b/client/src/pages/collections/Collections.tsx
@@ -420,7 +420,7 @@ const Collections = () => {
                     v.status === LOADING_STATE.UNLOADED ? (
                       <LoadCollectionDialog
                         collectionName={v.collection_name}
-                        onLoad={async (collectionName: string) => {
+                        onLoad={async () => {
                           openSnackBar(
                             successTrans('load', {
                               name: collectionTrans('collection'),
@@ -431,7 +431,7 @@ const Collections = () => {
                     ) : (
                       <ReleaseCollectionDialog
                         collectionName={v.collection_name}
-                        onRelease={async (collectionName: string) => {
+                        onRelease={async () => {
                           openSnackBar(
                             successTrans('release', {
                               name: collectionTrans('collection'),
@@ -503,7 +503,7 @@ const Collections = () => {
       disablePadding: false,
       sortBy: 'rowCount',
       label: (
-        <span className="flex-center">
+        <span className="flex-center with-max-content">
           {collectionTrans('rowCount')}
           <CustomToolTip title={collectionTrans('entityCountInfo')}>
             <InfoIcon classes={{ root: classes.icon }} />
@@ -575,7 +575,7 @@ const Collections = () => {
       align: 'left',
       disablePadding: false,
       label: (
-        <span className="flex-center">
+        <span className="flex-center with-max-content">
           {collectionTrans('alias')}
           <CustomToolTip title={collectionTrans('aliasInfo')}>
             <InfoIcon classes={{ root: classes.icon }} />
diff --git a/client/src/pages/partitions/Partitions.tsx b/client/src/pages/partitions/Partitions.tsx
index 604bedfd..a630efc1 100644
--- a/client/src/pages/partitions/Partitions.tsx
+++ b/client/src/pages/partitions/Partitions.tsx
@@ -229,7 +229,7 @@ const Partitions = () => {
       align: 'left',
       disablePadding: false,
       label: (
-        <span className="flex-center">
+        <span className="flex-center with-max-content">
           {t('rowCount')}
           <CustomToolTip title={t('tooltip')}>
             <InfoIcon classes={{ root: classes.icon }} />
diff --git a/client/src/styles/common.css b/client/src/styles/common.css
index 4a7b3376..c701a98d 100644
--- a/client/src/styles/common.css
+++ b/client/src/styles/common.css
@@ -18,6 +18,9 @@ fieldset {
   align-items: center;
 }
 
+.with-max-content {
+  width: max-content;
+}
 .card-wrapper {
   background-color: #fff;
   border-radius: 4px;