fix: 快速跳转样式被覆盖问题 (#109)

WeBankFinTech · Apr 11, 2022 · e3bad59 · e3bad59
1 parent 611409b
commit e3bad59
Showing 1 changed file with 19 additions and 10 deletions.
diff --git a/components/pagination/style/index.less b/components/pagination/style/index.less
@@ -126,13 +126,10 @@
     &-jumper {
         .flex-box();
         white-space: nowrap;
-        &-item, &-input {
+        &-item {
             margin-right: @pagination-text-item-horizontal-margin;
             line-height: @pagination-height-base;
         }
-        &-input {
-            width: @pagination-big-btn-width-base;
-        }
         &-item {
             &:last-child {
                 margin-right: 0;
@@ -173,6 +170,14 @@
     }
 }
 
+.@{pagination-prefix-cls} {
+    .@{pagination-prefix-cls}-jumper-input {
+        margin-right: @pagination-text-item-horizontal-margin;
+        line-height: @pagination-height-base;
+        width: @pagination-big-btn-width-base;
+    }
+}
+
 .@{pagination-prefix-cls}-small {
     font-size: @pagination-font-size-sm;
     .@{pagination-prefix-cls}-pager, .@{pagination-prefix-cls}-size, .@{pagination-prefix-cls}-jumper, .@{pagination-prefix-cls}-total {
@@ -206,14 +211,9 @@
         }
     }
     .@{pagination-prefix-cls}-jumper {
-        &-item, &-input {
+        &-item {
             line-height: @pagination-height-sm;
         }
-        &-input {
-            width: @pagination-big-btn-width-sm;
-            font-size: @pagination-font-size-sm;
-            height: @pagination-height-sm;
-        }
     }
     .@{pagination-prefix-cls}-total {
         line-height: @pagination-height-sm;
@@ -236,4 +236,13 @@
             }
         }
     }
+}
+
+.@{pagination-prefix-cls}-small {
+    .@{pagination-prefix-cls}-jumper-input {
+        line-height: @pagination-height-sm;
+        width: @pagination-big-btn-width-sm;
+        font-size: @pagination-font-size-sm;
+        height: @pagination-height-sm;
+    }
 }