fix(InputButton): add title for InputButton (#1582)

Co-authored-by: Zhang Rui <zhangrui@growingio.com>
growingio · Dec 1, 2021 · 9acab96 · 9acab96 · vercel · Dec 1, 2021
1 parent 4a330d5
commit 9acab96
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/input/InputButton.tsx b/src/input/InputButton.tsx
@@ -86,6 +86,7 @@ const InputButton = React.forwardRef<HTMLInputElement, InputButtonProps>((props,
       type="button"
       // when set Input type=button, the placeholder is invalid
       value={value || placeholder}
+      title={value as string}
       onChange={onChange}
       prefix={customizePrefix}
       suffix={suffix}

diff --git a/src/popover/style/index.less b/src/popover/style/index.less
@@ -22,7 +22,7 @@
         &[data-popper-placement^='top'] {
           margin-bottom: 10px;
           & > .@{popover-arrow-prefix-cls} {
-            bottom: -4px;
+            bottom: -3px;
             background: @popover-background-color;
             &::before {
               border-right: 1px solid @popover-border-color;
@@ -34,7 +34,7 @@
         &[data-popper-placement^='bottom'] {
           margin-top: 10px;
           & > .@{popover-arrow-prefix-cls} {
-            top: -5px;
+            top: -4px;
             background: @popover-background-color;
             &::before {
               border-top: 1px solid @popover-border-color;
@@ -46,7 +46,7 @@
         &[data-popper-placement^='left'] {
           margin-right: 10px;
           & > .@{popover-arrow-prefix-cls} {
-            right: -4px;
+            right: -3px;
             background: @popover-background-color;
             &::before {
               border-top: 1px solid @popover-border-color;
@@ -58,7 +58,7 @@
         &[data-popper-placement^='right'] {
           margin-left: 10px;
           & > .@{popover-arrow-prefix-cls} {
-            left: -5px;
+            left: -4px;
             background: @popover-background-color;
             &::before {
               border-bottom: 1px solid @popover-border-color;

diff --git a/src/tooltip/demos/Tooltip.stories.tsx b/src/tooltip/demos/Tooltip.stories.tsx
@@ -25,7 +25,7 @@ export default {
 
 const Template: Story<TooltipProps> = (args) => (
   <div style={{ display: 'flex', alignItems: 'center' }}>
-    <div style={{ width: '610px', margin: '70px 0px' }}>
+    <div style={{ width: '610px', margin: '70px 120px' }}>
       <div className="tooltip-top">
         <span className="popover-wrapper">
           <Tooltip {...args} placement="topLeft">