chore: backend description

src/components/seal-form/components/label-info.tsx

@@ -15,7 +15,13 @@ const NoteInfo: React.FC<NoteInfoProps> = (props) => {
   return (
     <span className="label-text">
       {description ? (
-        <Tooltip title={description}>
+        <Tooltip
+          title={description}
+          overlayInnerStyle={{
+            maxWidth: 'var(--width-tooltip-max)',
+            width: 'max-content'
+          }}
+        >
           <span>{label}</span>
           <span className="note-info">
             {required && (

src/components/tooltip-list/index.tsx

@@ -1,6 +1,7 @@
 import { useIntl } from '@umijs/max';
 import React from 'react';
 import styled from 'styled-components';
+import OverlayScroller from '../overlay-scroller';
 
 const UL = styled.ul`
   list-style: none;
@@ -30,23 +31,25 @@ const TooltipList: React.FC<TooltipListProps> = (props) => {
   const intl = useIntl();
   const { list } = props;
   return (
-    <UL>
-      {list.map((item, index: number) => {
-        return (
-          <li key={index}>
-            <span className="title">
-              {item.title?.locale
-                ? intl.formatMessage({ id: item.title?.text || '' })
-                : item.title}
-              :
-            </span>
-            <span className="content">
-              {intl.formatMessage({ id: item.tips })}
-            </span>
-          </li>
-        );
-      })}
-    </UL>
+    <OverlayScroller style={{ padding: 0 }}>
+      <UL>
+        {list.map((item, index: number) => {
+          return (
+            <li key={index}>
+              <span className="title">
+                {item.title?.locale
+                  ? intl.formatMessage({ id: item.title?.text || '' })
+                  : item.title}
+                :
+              </span>
+              <span className="content">
+                {intl.formatMessage({ id: item.tips })}
+              </span>
+            </li>
+          );
+        })}
+      </UL>
+    </OverlayScroller>
   );
 };