fix(ui): input no padding-right when button on the far right

DevCloudFE · Feb 3, 2023 · cbedd56 · cbedd56
1 parent b5fa2a2
commit cbedd56
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/packages/ui/src/components/input/Input.tsx b/packages/ui/src/components/input/Input.tsx
@@ -171,7 +171,7 @@ export function DInput(props: DInputProps): JSX.Element | null {
             {...restProps}
             className={getClassName(restProps.className, `${dPrefix}input`, {
               [`${dPrefix}input--${size}`]: size,
-              [`${dPrefix}input--number`]: dType === 'number',
+              [`${dPrefix}input--button-right`]: dType === 'number' && dNumbetButton && !disabled && !checkNodeExist(dSuffix),
               'is-disabled': disabled,
               'is-focus': isFocus,
             })}

diff --git a/packages/ui/src/styles/components/input.scss b/packages/ui/src/styles/components/input.scss
@@ -44,13 +44,8 @@
     border-color: var(--#{$rd-prefix}color-primary-lighter);
   }
 
-  @include m(number) {
-    &:not(.is-disabled) {
-      padding-right: 0;
-      @include e(suffix) {
-        margin-right: calc(var(--#{$rd-prefix}horizontal-space-size) - 1px);
-      }
-    }
+  @include m(button-right) {
+    padding-right: 0;
   }
 
   @include e(input) {