chore: update styles(ant-design 3.10.8) (#2475)

NG-ZORRO · Nov 20, 2018 · 2f5b4fc · 2f5b4fc
1 parent d9db523
commit 2f5b4fc
Show file tree

Hide file tree

Showing 24 changed files with 38 additions and 30 deletions.
diff --git a/components/badge/style/index.less b/components/badge/style/index.less
@@ -25,6 +25,7 @@
     font-weight: @badge-font-weight;
     white-space: nowrap;
     box-shadow: 0 0 0 1px #fff;
+    z-index: 10;
     a,
     a:hover {
       color: #fff;
@@ -80,7 +81,7 @@
         height: 100%;
         border-radius: 50%;
         border: 1px solid @processing-color;
-        content: '';
+        content: "";
         animation: antStatusProcessing 1.2s infinite ease-in-out;
       }
     }

diff --git a/components/button/style/index.less b/components/button/style/index.less
@@ -82,7 +82,7 @@
     right: -1px;
     background: #fff;
     opacity: 0.35;
-    content: '';
+    content: "";
     border-radius: inherit;
     z-index: 1;
     transition: opacity .2s;
@@ -163,7 +163,7 @@
   }
 
   .christmas&-primary:before {
-    content: '';
+    content: "";
     display: block;
     position: absolute;
     top: -6px;

diff --git a/components/button/style/mixin.less b/components/button/style/mixin.less
@@ -101,7 +101,7 @@
   > a:only-child {
     color: currentColor;
     &:after {
-      content: '';
+      content: "";
       position: absolute;
       top: 0;
       left: 0;

diff --git a/components/checkbox/style/mixin.less b/components/checkbox/style/mixin.less
@@ -28,7 +28,7 @@
       height: 100%;
       border-radius: @border-radius-sm;
       border: 1px solid @checkbox-color;
-      content: '';
+      content: "";
       animation: antCheckboxEffect 0.36s ease-in-out;
       animation-fill-mode: both;
       visibility: hidden;

diff --git a/components/date-picker/style/Picker.less b/components/date-picker/style/Picker.less
@@ -42,6 +42,11 @@
     outline: none;
   }
 
+  &-input.@{ant-prefix}-input-sm {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
   &:hover &-input:not(.@{ant-prefix}-input-disabled) {
     border-color: @primary-color;
   }

diff --git a/components/date-picker/style/RangePicker.less b/components/date-picker/style/RangePicker.less
@@ -134,7 +134,7 @@
       z-index: 1;
     }
     &:before {
-      content: '';
+      content: "";
       display: block;
       background: @item-active-bg;
       border-radius: 0;

diff --git a/components/date-picker/style/TimePicker.less b/components/date-picker/style/TimePicker.less
@@ -90,7 +90,7 @@
     }
 
     li:last-child:after {
-      content: '';
+      content: "";
       height: 202px;
       display: block;
     }

diff --git a/components/divider/style/index.less b/components/divider/style/index.less
@@ -39,7 +39,7 @@
     margin: 16px 0;
     &:before,
     &:after {
-      content: '';
+      content: "";
       display: table-cell;
       position: relative;
       top: 50%;

diff --git a/components/dropdown/style/index.less b/components/dropdown/style/index.less
@@ -187,7 +187,7 @@
 
 .@{dropdown-prefix-cls}-trigger,
 .@{dropdown-prefix-cls}-link {
-  .@{iconfont-css-prefix}:not(.@{iconfont-css-prefix}-ellipsis) {
+  > .@{iconfont-css-prefix}:not(.@{iconfont-css-prefix}-ellipsis) {
     .iconfont-size-under-12px(10px);
   }
 }

diff --git a/components/form/style/mixin.less b/components/form/style/mixin.less
@@ -91,7 +91,7 @@
   input[type="radio"]:focus,
   input[type="checkbox"]:focus {
     outline: thin dotted;
-    outline: 5px auto -webkit-focus-ring-color; // lesshint duplicateProperty: false
+    outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
   }
 

diff --git a/components/grid/style/mixin.less b/components/grid/style/mixin.less
@@ -49,7 +49,6 @@
   .col(1); // kickstart it
 }
 
-// lesshint false
 .loop-grid-columns(@index, @class) when (@index > 0) {
   .@{ant-prefix}-col@{class}-@{index} {
     display: block;

diff --git a/components/input/style/mixin.less b/components/input/style/mixin.less
@@ -160,7 +160,7 @@
 
     // Reset Select's style in addon
     .@{ant-prefix}-select {
-      margin: -(@input-padding-vertical-base + 1px) (-@input-padding-horizontal-base);  // lesshint spaceAroundOperator: false
+      margin: -(@input-padding-vertical-base + 1px) (-@input-padding-horizontal-base);
 
       .@{ant-prefix}-select-selection {
         background-color: inherit;
@@ -181,7 +181,7 @@
     // https://github.com/ant-design/ant-design/issues/3714
     > i:only-child:after {
       position: absolute;
-      content: '';
+      content: "";
       top: 0;
       left: 0;
       right: 0;

diff --git a/components/menu/style/index.less b/components/menu/style/index.less
@@ -67,7 +67,7 @@
       left: 0;
       bottom: 0;
       right: 0;
-      content: '';
+      content: "";
     }
   }
 
@@ -180,6 +180,7 @@
       position: absolute;
       border-radius: @border-radius-base;
       z-index: @zindex-dropdown;
+      background: @menu-popup-bg;
 
       .submenu-title-wrapper {
         padding-right: 20px;
@@ -216,7 +217,7 @@
         width: 10px;
         &:before,
         &:after {
-          content: '';
+          content: "";
           position: absolute;
           vertical-align: baseline;
           background: #fff;

diff --git a/components/modal/style/modal.less b/components/modal/style/modal.less
@@ -114,7 +114,7 @@
     right: 0;
     left: 0;
     bottom: 0;
-    background-color: @modal-mask-bg; // lesshint duplicateProperty: false
+    background-color: @modal-mask-bg;
     height: 100%;
     z-index: @zindex-modal-mask;
     filter: ~"alpha(opacity=50)";
@@ -132,7 +132,7 @@
 .@{dialog-prefix-cls}-centered {
   text-align: center;
   &:before {
-    content: '';
+    content: "";
     display: inline-block;
     height: 100%;
     vertical-align: middle;

diff --git a/components/notification/style/index.less b/components/notification/style/index.less
@@ -58,7 +58,7 @@
         display: block;
         max-width: 4px;
         &:before {
-          content: '';
+          content: "";
           display: block;
         }
       }

diff --git a/components/radio/style/index.less b/components/radio/style/index.less
@@ -46,7 +46,7 @@
     height: 100%;
     border-radius: 50%;
     border: 1px solid @radio-dot-color;
-    content: '';
+    content: "";
     animation: antRadioEffect 0.36s ease-in-out;
     animation-fill-mode: both;
     visibility: hidden;

diff --git a/components/spin/style/index.less b/components/spin/style/index.less
@@ -90,7 +90,7 @@
     filter: ~"progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1, MakeShadow\=false)";
 
     &:after {
-      content: '';
+      content: "";
       position: absolute;
       left: 0;
       right: 0;

diff --git a/components/steps/style/index.less b/components/steps/style/index.less
@@ -82,7 +82,7 @@
     top: 12px;
     padding: 0 10px;
     &:after {
-      content: '';
+      content: "";
       display: inline-block;
       background: @border-color-split;
       height: 1px;
@@ -99,7 +99,7 @@
     position: relative;
     line-height: @steps-icon-size;
     &:after {
-      content: '';
+      content: "";
       height: 1px;
       width: 9999px;
       background: @wait-tail-color;

diff --git a/components/style/core/motion/other.less b/components/style/core/motion/other.less
@@ -11,7 +11,7 @@
 
 [ant-click-animating-without-extra-node]:after,
 .ant-click-animating-node {
-  content: '';
+  content: "";
   position: absolute;
   top: -1px;
   left: -1px;

diff --git a/components/style/mixins/iconfont.less b/components/style/mixins/iconfont.less
@@ -33,7 +33,7 @@
   @font-scale: unit(@size / 12px);
   font-size: 12px;
   // IE9
-  font-size: ~"@{size} \9"; // lesshint duplicateProperty: false
+  font-size: ~"@{size} \9";
   transform: scale(@font-scale) rotate(@rotate);
   :root & {
     font-size: @font-size-sm; // reset IE9 and above

diff --git a/components/style/themes/default.less b/components/style/themes/default.less
@@ -321,7 +321,8 @@
 @menu-inline-toplevel-item-height: 40px;
 @menu-item-height: 40px;
 @menu-collapsed-width: 80px;
-@menu-bg: transparent;
+@menu-bg: @component-background;
+@menu-popup-bg: @component-background;
 @menu-item-color: @text-color;
 @menu-highlight-color: @primary-color;
 @menu-item-active-bg: @item-active-bg;

diff --git a/components/table/style/index.less b/components/table/style/index.less
@@ -154,7 +154,7 @@
     .@{table-prefix-cls}-column-sorters {
       &:before {
         position: absolute;
-        content: '';
+        content: "";
         top: 0;
         left: 0;
         right: 0;
@@ -219,7 +219,7 @@
     position: relative;
     border-top: @border-width-base @border-style-base @border-color-split;
     &:before {
-      content: '';
+      content: "";
       height: 1px;
       background: @table-header-bg;
       position: absolute;

diff --git a/components/tabs/style/index.less b/components/tabs/style/index.less
@@ -305,6 +305,7 @@
 
       .@{tab-prefix-cls}-ink-bar {
         width: 2px;
+        top: 0;
         left: auto;
         height: auto;
         bottom: auto;
@@ -385,12 +386,12 @@
 
 .@{tab-prefix-cls}-top .@{tab-prefix-cls}-ink-bar-animated,
 .@{tab-prefix-cls}-bottom .@{tab-prefix-cls}-ink-bar-animated {
-  transition: transform .3s @ease-in-out, width .3s @ease-in-out;
+  transition: transform .3s @ease-in-out, width .3s @ease-in-out, left .3s @ease-in-out;
 }
 
 .@{tab-prefix-cls}-left .@{tab-prefix-cls}-ink-bar-animated,
 .@{tab-prefix-cls}-right .@{tab-prefix-cls}-ink-bar-animated {
-  transition: transform .3s @ease-in-out, height .3s @ease-in-out;
+  transition: transform .3s @ease-in-out, height .3s @ease-in-out, top .3s @ease-in-out;
 }
 
 .no-flex,

diff --git a/components/tree/style/directory.less b/components/tree/style/directory.less
@@ -42,7 +42,7 @@
           }
 
           &:before {
-            content: '';
+            content: "";
             position: absolute;
             left: 0;
             right: 0;