fix: input box misaligned in add-vertices page (#364)

hugegraph · Mar 31, 2022 · 6efffd1 · 6efffd1
1 parent ace7a07
commit 6efffd1
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 8 deletions.
diff --git a/hubble-fe/src/components/graph-management/data-analyze/DataAnalyze.less b/hubble-fe/src/components/graph-management/data-analyze/DataAnalyze.less
@@ -764,14 +764,14 @@
       }
 
       & > div:first-child {
-        flex-basis: 25%;
+        flex-basis: 35%;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
       }
 
       & > div:last-child {
-        flex-basis: 75%;
+        flex-basis: 65%;
       }
 
       &-disabled {

diff --git a/hubble-fe/src/components/graph-management/data-analyze/DataAnalyzeInfoDrawer.tsx b/hubble-fe/src/components/graph-management/data-analyze/DataAnalyzeInfoDrawer.tsx
@@ -63,8 +63,8 @@ const DataAnalyzeInfoDrawer: React.FC = observer(() => {
     <Drawer
       title={
         isEdit
-          ? t('addition.dtaAnalyzeInfoDrawer.edit-details')
-          : t('addition.dtaAnalyzeInfoDrawer.data-details')
+          ? t('addition.dataAnalyzeInfoDrawer.edit-details')
+          : t('addition.dataAnalyzeInfoDrawer.data-details')
       }
       visible={dataAnalyzeStore.isShowGraphInfo}
       onClose={handleDrawerClose}
@@ -214,7 +214,13 @@ const DataAnalyzeInfoDrawer: React.FC = observer(() => {
         {[...dataAnalyzeStore.editedSelectedGraphDataProperties.primary].map(
           ([key, value], primaryKeyIndex) => (
             <div className={graphInfoItemClassName} key={key}>
-              <div>
+              <div
+                title={`${key}(${
+                  dataAnalyzeStore.graphInfoDataSet === 'node'
+                    ? t('addition.common.primary-key')
+                    : t('addition.common.distinguishing-key')
+                })${`${primaryKeyIndex + 1}`}`}
+              >
                 {key}(
                 {dataAnalyzeStore.graphInfoDataSet === 'node'
                   ? t('addition.common.primary-key')
@@ -236,7 +242,7 @@ const DataAnalyzeInfoDrawer: React.FC = observer(() => {
               marginTop: !isEdit ? 0 : nonNullableIndex === 0 ? 8 : 32
             }}
           >
-            <div>{key}: </div>
+            <div title={key}>{key}: </div>
             {!isEdit ? (
               <div>{convertArrayToString(value)}</div>
             ) : (

diff --git a/hubble-fe/src/components/graph-management/data-analyze/DynamicAddNode.tsx b/hubble-fe/src/components/graph-management/data-analyze/DynamicAddNode.tsx
@@ -143,7 +143,7 @@ const DataAnalyzeAddNode: React.FC = observer(() => {
           {t('addition.common.add')}
         </Button>,
         <Button size="medium" style={{ width: 60 }} onClick={handleDrawerClose}>
-          {t('addition.common.vertex-type-select-desc')}
+          {t('addition.common.cancel')}
         </Button>
       ]}
     >

diff --git a/hubble-fe/src/components/graph-management/metadata-configs/vertex-type/NewVertexType.tsx b/hubble-fe/src/components/graph-management/metadata-configs/vertex-type/NewVertexType.tsx
@@ -405,7 +405,7 @@ const NewVertexType: React.FC = observer(() => {
                 'addition.common.select-primary-key-property-placeholder'
               )}
               selectorName={t(
-                'addition.message.select-association-key-property-placeholde'
+                'addition.message.select-association-key-property-placeholder'
               )}
               size="medium"
               showSearch={false}