@qn-pandora/pandora-component 2.1.2 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (121) hide show
  1. package/CHANGELOG.json +25 -0
  2. package/CHANGELOG.md +11 -0
  3. package/es/components/AutoComplete/style.css +17 -13
  4. package/es/components/Button/style.css +2 -3
  5. package/es/components/Button/style.less +0 -1
  6. package/es/components/Card/index.js +2 -1
  7. package/es/components/CheckTransformList/Item/index.js +1 -1
  8. package/es/components/CheckTransformList/style.css +25 -17
  9. package/es/components/CheckboxList/index.d.ts +1 -0
  10. package/es/components/CheckboxList/index.js +3 -2
  11. package/es/components/Collapse/index.js +2 -1
  12. package/es/components/CollapsiblePanel/index.d.ts +2 -2
  13. package/es/components/ConfigProvider/index.js +2 -1
  14. package/es/components/DateTimePicker/Base/index.js +2 -2
  15. package/es/components/DateTimePicker/Base/style.css +13 -13
  16. package/es/components/DateTimePicker/BaseMobile/index.d.ts +1 -0
  17. package/es/components/DateTimePicker/BaseMobile/index.js +2 -2
  18. package/es/components/DateTimePicker/DisplayInput/style.css +16 -16
  19. package/es/components/DateTimePicker/index.d.ts +6 -1
  20. package/es/components/DateTimePicker/index.js +2 -2
  21. package/es/components/Input/NumberInput/index.d.ts +29 -0
  22. package/es/components/Input/NumberInput/index.js +116 -0
  23. package/es/components/Input/index.d.ts +1 -0
  24. package/es/components/Input/index.js +4 -1
  25. package/es/components/Input/style.css +19 -16
  26. package/es/components/Input/style.less +4 -0
  27. package/es/components/InputNumber/style.css +6 -6
  28. package/es/components/Menu/index.d.ts +2 -2
  29. package/es/components/NameLimiter/index.d.ts +3 -13
  30. package/es/components/NameLimiter/index.js +30 -39
  31. package/es/components/NameLimiter/style.css +9 -1
  32. package/es/components/NameLimiter/style.less +10 -1
  33. package/es/components/OptionList/index.js +2 -1
  34. package/es/components/RangeInput/style.css +22 -22
  35. package/es/components/RemarkName/index.d.ts +0 -2
  36. package/es/components/RemarkName/index.js +2 -4
  37. package/es/components/RemarkName/style.css +9 -5
  38. package/es/components/RemarkName/style.less +0 -5
  39. package/es/components/Selector/style.css +17 -13
  40. package/es/components/Selector/style.less +7 -3
  41. package/es/components/SolidRadioGroup/index.d.ts +3 -2
  42. package/es/components/SolidRadioGroup/index.js +7 -4
  43. package/es/components/SolidRadioGroup/style.css +13 -6
  44. package/es/components/SolidRadioGroup/style.less +16 -3
  45. package/es/components/Steps/index.js +2 -1
  46. package/es/components/Table/index.d.ts +9 -24
  47. package/es/components/Table/index.js +40 -8
  48. package/es/components/Table/style.css +11 -8
  49. package/es/components/Table/style.less +6 -0
  50. package/es/components/TagList/Tag/style.css +3 -3
  51. package/es/components/TagList/Tag/style.less +3 -3
  52. package/es/components/TagList/index.js +3 -2
  53. package/es/components/TagList/style.css +3 -3
  54. package/es/components/TagList/style.less +8 -8
  55. package/es/index.css +1804 -1784
  56. package/es/index.d.ts +2 -2
  57. package/es/index.js +1 -1
  58. package/es/index.less +2 -2
  59. package/es/style/theme.less +9 -7
  60. package/lib/components/AutoComplete/style.css +17 -13
  61. package/lib/components/Button/style.css +2 -3
  62. package/lib/components/Button/style.less +0 -1
  63. package/lib/components/Card/index.js +1 -1
  64. package/lib/components/CheckTransformList/Item/index.js +1 -1
  65. package/lib/components/CheckTransformList/style.css +25 -17
  66. package/lib/components/CheckboxList/index.d.ts +1 -0
  67. package/lib/components/CheckboxList/index.js +3 -2
  68. package/lib/components/Collapse/index.js +1 -1
  69. package/lib/components/CollapsiblePanel/index.d.ts +2 -2
  70. package/lib/components/ConfigProvider/index.js +1 -1
  71. package/lib/components/DateTimePicker/Base/index.js +2 -2
  72. package/lib/components/DateTimePicker/Base/style.css +13 -13
  73. package/lib/components/DateTimePicker/BaseMobile/index.d.ts +1 -0
  74. package/lib/components/DateTimePicker/BaseMobile/index.js +2 -2
  75. package/lib/components/DateTimePicker/DisplayInput/style.css +16 -16
  76. package/lib/components/DateTimePicker/index.d.ts +6 -1
  77. package/lib/components/DateTimePicker/index.js +2 -2
  78. package/lib/components/Input/NumberInput/index.d.ts +29 -0
  79. package/lib/components/Input/NumberInput/index.js +121 -0
  80. package/lib/components/Input/index.d.ts +1 -0
  81. package/lib/components/Input/index.js +3 -1
  82. package/lib/components/Input/style.css +19 -16
  83. package/lib/components/Input/style.less +4 -0
  84. package/lib/components/InputNumber/style.css +6 -6
  85. package/lib/components/Menu/index.d.ts +2 -2
  86. package/lib/components/NameLimiter/index.d.ts +3 -13
  87. package/lib/components/NameLimiter/index.js +30 -38
  88. package/lib/components/NameLimiter/style.css +9 -1
  89. package/lib/components/NameLimiter/style.less +10 -1
  90. package/lib/components/OptionList/index.js +1 -1
  91. package/lib/components/RangeInput/style.css +22 -22
  92. package/lib/components/RemarkName/index.d.ts +0 -2
  93. package/lib/components/RemarkName/index.js +2 -4
  94. package/lib/components/RemarkName/style.css +9 -5
  95. package/lib/components/RemarkName/style.less +0 -5
  96. package/lib/components/Selector/style.css +17 -13
  97. package/lib/components/Selector/style.less +7 -3
  98. package/lib/components/SolidRadioGroup/index.d.ts +3 -2
  99. package/lib/components/SolidRadioGroup/index.js +6 -3
  100. package/lib/components/SolidRadioGroup/style.css +13 -6
  101. package/lib/components/SolidRadioGroup/style.less +16 -3
  102. package/lib/components/Steps/index.js +1 -1
  103. package/lib/components/Table/index.d.ts +9 -24
  104. package/lib/components/Table/index.js +39 -7
  105. package/lib/components/Table/style.css +11 -8
  106. package/lib/components/Table/style.less +6 -0
  107. package/lib/components/TagList/Tag/style.css +3 -3
  108. package/lib/components/TagList/Tag/style.less +3 -3
  109. package/lib/components/TagList/index.js +2 -2
  110. package/lib/components/TagList/style.css +3 -3
  111. package/lib/components/TagList/style.less +8 -8
  112. package/lib/index.css +116 -96
  113. package/lib/index.d.ts +2 -2
  114. package/lib/index.js +0 -1
  115. package/lib/index.less +2 -2
  116. package/lib/style/theme.less +9 -7
  117. package/package.json +23 -23
  118. package/es/components/NameLimiter/transformer.d.ts +0 -6
  119. package/es/components/NameLimiter/transformer.js +0 -84
  120. package/lib/components/NameLimiter/transformer.d.ts +0 -6
  121. package/lib/components/NameLimiter/transformer.js +0 -91
package/es/index.css CHANGED
@@ -27,6 +27,81 @@
27
27
  .pandora-sdk-auto-complete .ant-input {
28
28
  border: 0px;
29
29
  }
30
+ .ant-breadcrumb {
31
+ -webkit-box-sizing: border-box;
32
+ box-sizing: border-box;
33
+ margin: 0;
34
+ padding: 0;
35
+ color: rgba(0, 0, 0, 0.85);
36
+ font-variant: tabular-nums;
37
+ line-height: 1.5715;
38
+ list-style: none;
39
+ -webkit-font-feature-settings: 'tnum';
40
+ font-feature-settings: 'tnum';
41
+ color: rgba(0, 0, 0, 0.45);
42
+ font-size: 14px;
43
+ }
44
+ .ant-breadcrumb .anticon {
45
+ font-size: 14px;
46
+ }
47
+ .ant-breadcrumb a {
48
+ color: rgba(0, 0, 0, 0.45);
49
+ -webkit-transition: color 0.3s;
50
+ transition: color 0.3s;
51
+ }
52
+ .ant-breadcrumb a:hover {
53
+ color: #40a9ff;
54
+ }
55
+ .ant-breadcrumb > span:last-child {
56
+ color: rgba(0, 0, 0, 0.85);
57
+ }
58
+ .ant-breadcrumb > span:last-child a {
59
+ color: rgba(0, 0, 0, 0.85);
60
+ }
61
+ .ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
62
+ display: none;
63
+ }
64
+ .ant-breadcrumb-separator {
65
+ margin: 0 8px;
66
+ color: rgba(0, 0, 0, 0.45);
67
+ }
68
+ .ant-breadcrumb-link > .anticon + span,
69
+ .ant-breadcrumb-link > .anticon + a {
70
+ margin-left: 4px;
71
+ }
72
+ .ant-breadcrumb-overlay-link > .anticon {
73
+ margin-left: 4px;
74
+ }
75
+ .ant-breadcrumb-rtl {
76
+ direction: rtl;
77
+ }
78
+ .ant-breadcrumb-rtl::before {
79
+ display: table;
80
+ content: '';
81
+ }
82
+ .ant-breadcrumb-rtl::after {
83
+ display: table;
84
+ clear: both;
85
+ content: '';
86
+ }
87
+ .ant-breadcrumb-rtl > span {
88
+ float: right;
89
+ }
90
+ .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
91
+ .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
92
+ margin-right: 4px;
93
+ margin-left: 0;
94
+ }
95
+ .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
96
+ margin-right: 4px;
97
+ margin-left: 0;
98
+ }
99
+ .pandora-sdk-breadcrumb {
100
+ font-size: 14px;
101
+ }
102
+ .pandora-sdk-breadcrumb a {
103
+ text-decoration: none;
104
+ }
30
105
  .ant-btn {
31
106
  line-height: 1.5715;
32
107
  position: relative;
@@ -1944,7 +2019,6 @@ a.ant-btn-sm {
1944
2019
  .pandora-sdk-button {
1945
2020
  -webkit-box-shadow: none;
1946
2021
  box-shadow: none;
1947
- border-radius: 2px;
1948
2022
  }
1949
2023
  .pandora-sdk-button.pandora-sdk-button-disabled {
1950
2024
  background: #eee !important;
@@ -1996,82 +2070,145 @@ a.ant-btn-sm {
1996
2070
  color: inherit;
1997
2071
  vertical-align: middle;
1998
2072
  }
1999
- .ant-breadcrumb {
2073
+ .ant-divider {
2000
2074
  -webkit-box-sizing: border-box;
2001
2075
  box-sizing: border-box;
2002
2076
  margin: 0;
2003
2077
  padding: 0;
2004
2078
  color: rgba(0, 0, 0, 0.85);
2079
+ font-size: 14px;
2005
2080
  font-variant: tabular-nums;
2006
2081
  line-height: 1.5715;
2007
2082
  list-style: none;
2008
2083
  -webkit-font-feature-settings: 'tnum';
2009
2084
  font-feature-settings: 'tnum';
2010
- color: rgba(0, 0, 0, 0.45);
2011
- font-size: 14px;
2012
- }
2013
- .ant-breadcrumb .anticon {
2014
- font-size: 14px;
2015
- }
2016
- .ant-breadcrumb a {
2017
- color: rgba(0, 0, 0, 0.45);
2018
- -webkit-transition: color 0.3s;
2019
- transition: color 0.3s;
2085
+ border-top: 1px solid rgba(0, 0, 0, 0.06);
2020
2086
  }
2021
- .ant-breadcrumb a:hover {
2022
- color: #40a9ff;
2087
+ .ant-divider-vertical {
2088
+ position: relative;
2089
+ top: -0.06em;
2090
+ display: inline-block;
2091
+ height: 0.9em;
2092
+ margin: 0 8px;
2093
+ vertical-align: middle;
2094
+ border-top: 0;
2095
+ border-left: 1px solid rgba(0, 0, 0, 0.06);
2023
2096
  }
2024
- .ant-breadcrumb > span:last-child {
2025
- color: rgba(0, 0, 0, 0.85);
2097
+ .ant-divider-horizontal {
2098
+ display: -webkit-box;
2099
+ display: -ms-flexbox;
2100
+ display: flex;
2101
+ clear: both;
2102
+ width: 100%;
2103
+ min-width: 100%;
2104
+ margin: 24px 0;
2026
2105
  }
2027
- .ant-breadcrumb > span:last-child a {
2106
+ .ant-divider-horizontal.ant-divider-with-text {
2107
+ display: -webkit-box;
2108
+ display: -ms-flexbox;
2109
+ display: flex;
2110
+ margin: 16px 0;
2028
2111
  color: rgba(0, 0, 0, 0.85);
2112
+ font-weight: 500;
2113
+ font-size: 16px;
2114
+ white-space: nowrap;
2115
+ text-align: center;
2116
+ border-top: 0;
2117
+ border-top-color: rgba(0, 0, 0, 0.06);
2029
2118
  }
2030
- .ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
2031
- display: none;
2119
+ .ant-divider-horizontal.ant-divider-with-text::before,
2120
+ .ant-divider-horizontal.ant-divider-with-text::after {
2121
+ position: relative;
2122
+ top: 50%;
2123
+ width: 50%;
2124
+ border-top: 1px solid transparent;
2125
+ border-top-color: inherit;
2126
+ border-bottom: 0;
2127
+ -webkit-transform: translateY(50%);
2128
+ transform: translateY(50%);
2129
+ content: '';
2032
2130
  }
2033
- .ant-breadcrumb-separator {
2034
- margin: 0 8px;
2035
- color: rgba(0, 0, 0, 0.45);
2131
+ .ant-divider-horizontal.ant-divider-with-text-left::before {
2132
+ top: 50%;
2133
+ width: 5%;
2036
2134
  }
2037
- .ant-breadcrumb-link > .anticon + span,
2038
- .ant-breadcrumb-link > .anticon + a {
2039
- margin-left: 4px;
2135
+ .ant-divider-horizontal.ant-divider-with-text-left::after {
2136
+ top: 50%;
2137
+ width: 95%;
2040
2138
  }
2041
- .ant-breadcrumb-overlay-link > .anticon {
2042
- margin-left: 4px;
2139
+ .ant-divider-horizontal.ant-divider-with-text-right::before {
2140
+ top: 50%;
2141
+ width: 95%;
2043
2142
  }
2044
- .ant-breadcrumb-rtl {
2045
- direction: rtl;
2143
+ .ant-divider-horizontal.ant-divider-with-text-right::after {
2144
+ top: 50%;
2145
+ width: 5%;
2046
2146
  }
2047
- .ant-breadcrumb-rtl::before {
2048
- display: table;
2049
- content: '';
2147
+ .ant-divider-inner-text {
2148
+ display: inline-block;
2149
+ padding: 0 1em;
2050
2150
  }
2051
- .ant-breadcrumb-rtl::after {
2052
- display: table;
2053
- clear: both;
2054
- content: '';
2151
+ .ant-divider-dashed {
2152
+ background: none;
2153
+ border-color: rgba(0, 0, 0, 0.06);
2154
+ border-style: dashed;
2155
+ border-width: 1px 0 0;
2055
2156
  }
2056
- .ant-breadcrumb-rtl > span {
2057
- float: right;
2157
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
2158
+ border-top: 0;
2058
2159
  }
2059
- .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
2060
- .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
2061
- margin-right: 4px;
2062
- margin-left: 0;
2160
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
2161
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
2162
+ border-style: dashed none none;
2063
2163
  }
2064
- .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
2065
- margin-right: 4px;
2066
- margin-left: 0;
2164
+ .ant-divider-vertical.ant-divider-dashed {
2165
+ border-width: 0 0 0 1px;
2067
2166
  }
2068
- .pandora-sdk-breadcrumb {
2167
+ .ant-divider-plain.ant-divider-with-text {
2168
+ color: rgba(0, 0, 0, 0.85);
2169
+ font-weight: normal;
2069
2170
  font-size: 14px;
2070
2171
  }
2071
- .pandora-sdk-breadcrumb a {
2072
- text-decoration: none;
2172
+ .ant-divider-rtl {
2173
+ direction: rtl;
2073
2174
  }
2074
- .ant-card {
2175
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
2176
+ width: 95%;
2177
+ }
2178
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
2179
+ width: 5%;
2180
+ }
2181
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
2182
+ width: 5%;
2183
+ }
2184
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
2185
+ width: 95%;
2186
+ }
2187
+ @-webkit-keyframes antCheckboxEffect {
2188
+ 0% {
2189
+ -webkit-transform: scale(1);
2190
+ transform: scale(1);
2191
+ opacity: 0.5;
2192
+ }
2193
+ 100% {
2194
+ -webkit-transform: scale(1.6);
2195
+ transform: scale(1.6);
2196
+ opacity: 0;
2197
+ }
2198
+ }
2199
+ @keyframes antCheckboxEffect {
2200
+ 0% {
2201
+ -webkit-transform: scale(1);
2202
+ transform: scale(1);
2203
+ opacity: 0.5;
2204
+ }
2205
+ 100% {
2206
+ -webkit-transform: scale(1.6);
2207
+ transform: scale(1.6);
2208
+ opacity: 0;
2209
+ }
2210
+ }
2211
+ .ant-checkbox {
2075
2212
  -webkit-box-sizing: border-box;
2076
2213
  box-sizing: border-box;
2077
2214
  margin: 0;
@@ -2084,749 +2221,517 @@ a.ant-btn-sm {
2084
2221
  -webkit-font-feature-settings: 'tnum';
2085
2222
  font-feature-settings: 'tnum';
2086
2223
  position: relative;
2087
- background: #fff;
2088
- border-radius: 2px;
2089
- }
2090
- .ant-card-rtl {
2091
- direction: rtl;
2092
- }
2093
- .ant-card-hoverable {
2224
+ top: 0.2em;
2225
+ line-height: 1;
2226
+ white-space: nowrap;
2227
+ outline: none;
2094
2228
  cursor: pointer;
2095
- -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
2096
- transition: border-color 0.3s, -webkit-box-shadow 0.3s;
2097
- transition: box-shadow 0.3s, border-color 0.3s;
2098
- transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
2099
- }
2100
- .ant-card-hoverable:hover {
2101
- border-color: transparent;
2102
- -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2103
- box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2104
2229
  }
2105
- .ant-card-bordered {
2106
- border: 1px solid #f0f0f0;
2107
- }
2108
- .ant-card-head {
2109
- min-height: 48px;
2110
- margin-bottom: -1px;
2111
- padding: 0 24px;
2112
- color: rgba(0, 0, 0, 0.85);
2113
- font-weight: 500;
2114
- font-size: 16px;
2115
- background: transparent;
2116
- border-bottom: 1px solid #f0f0f0;
2117
- border-radius: 2px 2px 0 0;
2118
- }
2119
- .ant-card-head::before {
2120
- display: table;
2121
- content: '';
2122
- }
2123
- .ant-card-head::after {
2124
- display: table;
2125
- clear: both;
2126
- content: '';
2127
- }
2128
- .ant-card-head-wrapper {
2129
- display: -webkit-box;
2130
- display: -ms-flexbox;
2131
- display: flex;
2132
- -webkit-box-align: center;
2133
- -ms-flex-align: center;
2134
- align-items: center;
2135
- }
2136
- .ant-card-head-title {
2137
- display: inline-block;
2138
- -webkit-box-flex: 1;
2139
- -ms-flex: 1;
2140
- flex: 1;
2141
- padding: 16px 0;
2142
- overflow: hidden;
2143
- white-space: nowrap;
2144
- text-overflow: ellipsis;
2230
+ .ant-checkbox-wrapper:hover .ant-checkbox-inner,
2231
+ .ant-checkbox:hover .ant-checkbox-inner,
2232
+ .ant-checkbox-input:focus + .ant-checkbox-inner {
2233
+ border-color: #1890ff;
2145
2234
  }
2146
- .ant-card-head-title > .ant-typography,
2147
- .ant-card-head-title > .ant-typography-edit-content {
2235
+ .ant-checkbox-checked::after {
2236
+ position: absolute;
2237
+ top: 0;
2148
2238
  left: 0;
2149
- margin-top: 0;
2150
- margin-bottom: 0;
2151
- }
2152
- .ant-card-head .ant-tabs {
2153
- clear: both;
2154
- margin-bottom: -17px;
2155
- color: rgba(0, 0, 0, 0.85);
2156
- font-weight: normal;
2157
- font-size: 14px;
2158
- }
2159
- .ant-card-head .ant-tabs-bar {
2160
- border-bottom: 1px solid #f0f0f0;
2161
- }
2162
- .ant-card-extra {
2163
- float: right;
2164
- margin-left: auto;
2165
- padding: 16px 0;
2166
- color: rgba(0, 0, 0, 0.85);
2167
- font-weight: normal;
2168
- font-size: 14px;
2169
- }
2170
- .ant-card-rtl .ant-card-extra {
2171
- margin-right: auto;
2172
- margin-left: 0;
2173
- }
2174
- .ant-card-body {
2175
- padding: 24px;
2176
- }
2177
- .ant-card-body::before {
2178
- display: table;
2179
- content: '';
2180
- }
2181
- .ant-card-body::after {
2182
- display: table;
2183
- clear: both;
2239
+ width: 100%;
2240
+ height: 100%;
2241
+ border: 1px solid #1890ff;
2242
+ border-radius: 2px;
2243
+ visibility: hidden;
2244
+ -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
2245
+ animation: antCheckboxEffect 0.36s ease-in-out;
2246
+ -webkit-animation-fill-mode: backwards;
2247
+ animation-fill-mode: backwards;
2184
2248
  content: '';
2185
2249
  }
2186
- .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
2187
- margin: -1px 0 0 -1px;
2188
- padding: 0;
2250
+ .ant-checkbox:hover::after,
2251
+ .ant-checkbox-wrapper:hover .ant-checkbox::after {
2252
+ visibility: visible;
2189
2253
  }
2190
- .ant-card-grid {
2191
- float: left;
2192
- width: 33.33%;
2193
- padding: 24px;
2194
- border: 0;
2195
- border-radius: 0;
2196
- -webkit-box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
2197
- box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
2254
+ .ant-checkbox-inner {
2255
+ position: relative;
2256
+ top: 0;
2257
+ left: 0;
2258
+ display: block;
2259
+ width: 16px;
2260
+ height: 16px;
2261
+ direction: ltr;
2262
+ background-color: #fff;
2263
+ border: 1px solid #d9d9d9;
2264
+ border-radius: 2px;
2265
+ border-collapse: separate;
2198
2266
  -webkit-transition: all 0.3s;
2199
2267
  transition: all 0.3s;
2200
2268
  }
2201
- .ant-card-rtl .ant-card-grid {
2202
- float: right;
2269
+ .ant-checkbox-inner::after {
2270
+ position: absolute;
2271
+ top: 50%;
2272
+ left: 22%;
2273
+ display: table;
2274
+ width: 5.71428571px;
2275
+ height: 9.14285714px;
2276
+ border: 2px solid #fff;
2277
+ border-top: 0;
2278
+ border-left: 0;
2279
+ -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
2280
+ transform: rotate(45deg) scale(0) translate(-50%, -50%);
2281
+ opacity: 0;
2282
+ -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
2283
+ transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
2284
+ content: ' ';
2203
2285
  }
2204
- .ant-card-grid-hoverable:hover {
2205
- position: relative;
2286
+ .ant-checkbox-input {
2287
+ position: absolute;
2288
+ top: 0;
2289
+ right: 0;
2290
+ bottom: 0;
2291
+ left: 0;
2206
2292
  z-index: 1;
2207
- -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2208
- box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2209
- }
2210
- .ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
2211
- min-height: 32px;
2212
- padding-bottom: 0;
2293
+ width: 100%;
2294
+ height: 100%;
2295
+ cursor: pointer;
2296
+ opacity: 0;
2213
2297
  }
2214
- .ant-card-contain-tabs > .ant-card-head .ant-card-extra {
2215
- padding-bottom: 0;
2298
+ .ant-checkbox-checked .ant-checkbox-inner::after {
2299
+ position: absolute;
2300
+ display: table;
2301
+ border: 2px solid #fff;
2302
+ border-top: 0;
2303
+ border-left: 0;
2304
+ -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
2305
+ transform: rotate(45deg) scale(1) translate(-50%, -50%);
2306
+ opacity: 1;
2307
+ -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
2308
+ transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
2309
+ content: ' ';
2216
2310
  }
2217
- .ant-card-bordered .ant-card-cover {
2218
- margin-top: -1px;
2219
- margin-right: -1px;
2220
- margin-left: -1px;
2311
+ .ant-checkbox-checked .ant-checkbox-inner {
2312
+ background-color: #1890ff;
2313
+ border-color: #1890ff;
2221
2314
  }
2222
- .ant-card-cover > * {
2223
- display: block;
2224
- width: 100%;
2315
+ .ant-checkbox-disabled {
2316
+ cursor: not-allowed;
2225
2317
  }
2226
- .ant-card-cover img {
2227
- border-radius: 2px 2px 0 0;
2318
+ .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
2319
+ border-color: rgba(0, 0, 0, 0.25);
2320
+ -webkit-animation-name: none;
2321
+ animation-name: none;
2228
2322
  }
2229
- .ant-card-actions {
2230
- margin: 0;
2231
- padding: 0;
2232
- list-style: none;
2233
- background: #fff;
2234
- border-top: 1px solid #f0f0f0;
2323
+ .ant-checkbox-disabled .ant-checkbox-input {
2324
+ cursor: not-allowed;
2235
2325
  }
2236
- .ant-card-actions::before {
2237
- display: table;
2238
- content: '';
2326
+ .ant-checkbox-disabled .ant-checkbox-inner {
2327
+ background-color: #f5f5f5;
2328
+ border-color: #d9d9d9 !important;
2239
2329
  }
2240
- .ant-card-actions::after {
2241
- display: table;
2242
- clear: both;
2243
- content: '';
2330
+ .ant-checkbox-disabled .ant-checkbox-inner::after {
2331
+ border-color: #f5f5f5;
2332
+ border-collapse: separate;
2333
+ -webkit-animation-name: none;
2334
+ animation-name: none;
2244
2335
  }
2245
- .ant-card-actions > li {
2246
- float: left;
2247
- margin: 12px 0;
2248
- color: rgba(0, 0, 0, 0.45);
2249
- text-align: center;
2336
+ .ant-checkbox-disabled + span {
2337
+ color: rgba(0, 0, 0, 0.25);
2338
+ cursor: not-allowed;
2250
2339
  }
2251
- .ant-card-rtl .ant-card-actions > li {
2252
- float: right;
2340
+ .ant-checkbox-disabled:hover::after,
2341
+ .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
2342
+ visibility: hidden;
2253
2343
  }
2254
- .ant-card-actions > li > span {
2255
- position: relative;
2256
- display: block;
2257
- min-width: 32px;
2344
+ .ant-checkbox-wrapper {
2345
+ -webkit-box-sizing: border-box;
2346
+ box-sizing: border-box;
2347
+ margin: 0;
2348
+ padding: 0;
2349
+ color: rgba(0, 0, 0, 0.85);
2258
2350
  font-size: 14px;
2351
+ font-variant: tabular-nums;
2259
2352
  line-height: 1.5715;
2353
+ list-style: none;
2354
+ -webkit-font-feature-settings: 'tnum';
2355
+ font-feature-settings: 'tnum';
2356
+ display: -webkit-inline-box;
2357
+ display: -ms-inline-flexbox;
2358
+ display: inline-flex;
2359
+ -webkit-box-align: baseline;
2360
+ -ms-flex-align: baseline;
2361
+ align-items: baseline;
2362
+ line-height: unset;
2260
2363
  cursor: pointer;
2261
2364
  }
2262
- .ant-card-actions > li > span:hover {
2263
- color: #1890ff;
2264
- -webkit-transition: color 0.3s;
2265
- transition: color 0.3s;
2266
- }
2267
- .ant-card-actions > li > span a:not(.ant-btn),
2268
- .ant-card-actions > li > span > .anticon {
2365
+ .ant-checkbox-wrapper::after {
2269
2366
  display: inline-block;
2270
- width: 100%;
2271
- color: rgba(0, 0, 0, 0.45);
2272
- line-height: 22px;
2273
- -webkit-transition: color 0.3s;
2274
- transition: color 0.3s;
2275
- }
2276
- .ant-card-actions > li > span a:not(.ant-btn):hover,
2277
- .ant-card-actions > li > span > .anticon:hover {
2278
- color: #1890ff;
2279
- }
2280
- .ant-card-actions > li > span > .anticon {
2281
- font-size: 16px;
2282
- line-height: 22px;
2283
- }
2284
- .ant-card-actions > li:not(:last-child) {
2285
- border-right: 1px solid #f0f0f0;
2286
- }
2287
- .ant-card-rtl .ant-card-actions > li:not(:last-child) {
2288
- border-right: none;
2289
- border-left: 1px solid #f0f0f0;
2290
- }
2291
- .ant-card-type-inner .ant-card-head {
2292
- padding: 0 24px;
2293
- background: #fafafa;
2294
- }
2295
- .ant-card-type-inner .ant-card-head-title {
2296
- padding: 12px 0;
2297
- font-size: 14px;
2298
- }
2299
- .ant-card-type-inner .ant-card-body {
2300
- padding: 16px 24px;
2301
- }
2302
- .ant-card-type-inner .ant-card-extra {
2303
- padding: 13.5px 0;
2304
- }
2305
- .ant-card-meta {
2306
- margin: -4px 0;
2307
- }
2308
- .ant-card-meta::before {
2309
- display: table;
2310
- content: '';
2311
- }
2312
- .ant-card-meta::after {
2313
- display: table;
2314
- clear: both;
2315
- content: '';
2316
- }
2317
- .ant-card-meta-avatar {
2318
- float: left;
2319
- padding-right: 16px;
2320
- }
2321
- .ant-card-rtl .ant-card-meta-avatar {
2322
- float: right;
2323
- padding-right: 0;
2324
- padding-left: 16px;
2325
- }
2326
- .ant-card-meta-detail {
2327
- overflow: hidden;
2328
- }
2329
- .ant-card-meta-detail > div:not(:last-child) {
2330
- margin-bottom: 8px;
2331
- }
2332
- .ant-card-meta-title {
2367
+ width: 0;
2333
2368
  overflow: hidden;
2334
- color: rgba(0, 0, 0, 0.85);
2335
- font-weight: 500;
2336
- font-size: 16px;
2337
- white-space: nowrap;
2338
- text-overflow: ellipsis;
2369
+ content: '\a0';
2339
2370
  }
2340
- .ant-card-meta-description {
2341
- color: rgba(0, 0, 0, 0.45);
2371
+ .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
2372
+ cursor: not-allowed;
2342
2373
  }
2343
- .ant-card-loading {
2344
- overflow: hidden;
2374
+ .ant-checkbox-wrapper + .ant-checkbox-wrapper {
2375
+ margin-left: 8px;
2345
2376
  }
2346
- .ant-card-loading .ant-card-body {
2347
- -webkit-user-select: none;
2348
- -moz-user-select: none;
2349
- -ms-user-select: none;
2350
- user-select: none;
2377
+ .ant-checkbox + span {
2378
+ padding-right: 8px;
2379
+ padding-left: 8px;
2351
2380
  }
2352
- .ant-card-loading-content p {
2381
+ .ant-checkbox-group {
2382
+ -webkit-box-sizing: border-box;
2383
+ box-sizing: border-box;
2353
2384
  margin: 0;
2354
- }
2355
- .ant-card-loading-block {
2356
- height: 14px;
2357
- margin: 4px 0;
2358
- background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2)));
2359
- background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
2360
- background-size: 600% 600%;
2361
- border-radius: 2px;
2362
- -webkit-animation: card-loading 1.4s ease infinite;
2363
- animation: card-loading 1.4s ease infinite;
2364
- }
2365
- @-webkit-keyframes card-loading {
2366
- 0%,
2367
- 100% {
2368
- background-position: 0 50%;
2369
- }
2370
- 50% {
2371
- background-position: 100% 50%;
2372
- }
2373
- }
2374
- @keyframes card-loading {
2375
- 0%,
2376
- 100% {
2377
- background-position: 0 50%;
2378
- }
2379
- 50% {
2380
- background-position: 100% 50%;
2381
- }
2382
- }
2383
- .ant-card-small > .ant-card-head {
2384
- min-height: 36px;
2385
- padding: 0 12px;
2385
+ padding: 0;
2386
+ color: rgba(0, 0, 0, 0.85);
2386
2387
  font-size: 14px;
2388
+ font-variant: tabular-nums;
2389
+ line-height: 1.5715;
2390
+ list-style: none;
2391
+ -webkit-font-feature-settings: 'tnum';
2392
+ font-feature-settings: 'tnum';
2393
+ display: inline-block;
2387
2394
  }
2388
- .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
2389
- padding: 8px 0;
2390
- }
2391
- .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
2392
- padding: 8px 0;
2393
- font-size: 14px;
2395
+ .ant-checkbox-group-item {
2396
+ margin-right: 8px;
2394
2397
  }
2395
- .ant-card-small > .ant-card-body {
2396
- padding: 12px;
2398
+ .ant-checkbox-group-item:last-child {
2399
+ margin-right: 0;
2397
2400
  }
2398
- .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
2399
- padding: 8px 0;
2400
- font-size: 14px;
2401
+ .ant-checkbox-group-item + .ant-checkbox-group-item {
2402
+ margin-left: 0;
2401
2403
  }
2402
- .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
2403
- padding: 16px 0;
2404
- font-size: 16px;
2404
+ .ant-checkbox-indeterminate .ant-checkbox-inner {
2405
+ background-color: #fff;
2406
+ border-color: #d9d9d9;
2405
2407
  }
2406
- .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
2407
- padding: 6px 16px;
2408
+ .ant-checkbox-indeterminate .ant-checkbox-inner::after {
2409
+ top: 50%;
2410
+ left: 50%;
2411
+ width: 8px;
2412
+ height: 8px;
2413
+ background-color: #1890ff;
2414
+ border: 0;
2415
+ -webkit-transform: translate(-50%, -50%) scale(1);
2416
+ transform: translate(-50%, -50%) scale(1);
2417
+ opacity: 1;
2418
+ content: ' ';
2408
2419
  }
2409
- .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
2410
- padding: 7px 16px 6px;
2420
+ .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
2421
+ background-color: rgba(0, 0, 0, 0.25);
2422
+ border-color: rgba(0, 0, 0, 0.25);
2411
2423
  }
2412
- .ant-tabs-rtl {
2424
+ .ant-checkbox-rtl {
2413
2425
  direction: rtl;
2414
2426
  }
2415
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
2416
- margin: 0 0 0 32px;
2417
- }
2418
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
2419
- margin-left: 0;
2420
- }
2421
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
2427
+ .ant-checkbox-group-rtl .ant-checkbox-group-item {
2422
2428
  margin-right: 0;
2423
- margin-left: 12px;
2424
- }
2425
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
2426
- margin-right: 8px;
2427
- margin-left: -4px;
2428
- }
2429
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
2430
- margin: 0;
2431
- }
2432
- .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
2433
- -webkit-box-ordinal-group: 2;
2434
- -ms-flex-order: 1;
2435
- order: 1;
2436
- }
2437
- .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
2438
- -webkit-box-ordinal-group: 1;
2439
- -ms-flex-order: 0;
2440
- order: 0;
2441
- }
2442
- .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
2443
- -webkit-box-ordinal-group: 1;
2444
- -ms-flex-order: 0;
2445
- order: 0;
2429
+ margin-left: 8px;
2446
2430
  }
2447
- .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
2448
- -webkit-box-ordinal-group: 2;
2449
- -ms-flex-order: 1;
2450
- order: 1;
2431
+ .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
2432
+ margin-left: 0 !important;
2451
2433
  }
2452
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2453
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2454
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2455
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
2456
- margin-right: 0;
2457
- margin-left: 2px;
2434
+ .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
2435
+ margin-left: 8px;
2458
2436
  }
2459
- .ant-tabs-dropdown-rtl {
2460
- direction: rtl;
2437
+ .ant-input-affix-wrapper {
2438
+ position: relative;
2439
+ display: inline-block;
2440
+ width: 100%;
2441
+ min-width: 0;
2442
+ padding: 4px 11px;
2443
+ color: rgba(0, 0, 0, 0.85);
2444
+ font-size: 14px;
2445
+ line-height: 1.5715;
2446
+ background-color: #fff;
2447
+ background-image: none;
2448
+ border: 1px solid #d9d9d9;
2449
+ border-radius: 2px;
2450
+ -webkit-transition: all 0.3s;
2451
+ transition: all 0.3s;
2452
+ display: -webkit-inline-box;
2453
+ display: -ms-inline-flexbox;
2454
+ display: inline-flex;
2461
2455
  }
2462
- .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
2463
- text-align: right;
2456
+ .ant-input-affix-wrapper::-moz-placeholder {
2457
+ opacity: 1;
2464
2458
  }
2465
- .ant-tabs-top,
2466
- .ant-tabs-bottom {
2467
- -webkit-box-orient: vertical;
2468
- -webkit-box-direction: normal;
2469
- -ms-flex-direction: column;
2470
- flex-direction: column;
2459
+ .ant-input-affix-wrapper::-webkit-input-placeholder {
2460
+ color: #bfbfbf;
2471
2461
  }
2472
- .ant-tabs-top > .ant-tabs-nav,
2473
- .ant-tabs-bottom > .ant-tabs-nav,
2474
- .ant-tabs-top > div > .ant-tabs-nav,
2475
- .ant-tabs-bottom > div > .ant-tabs-nav {
2476
- margin: 0 0 16px 0;
2462
+ .ant-input-affix-wrapper::-ms-input-placeholder {
2463
+ color: #bfbfbf;
2477
2464
  }
2478
- .ant-tabs-top > .ant-tabs-nav::before,
2479
- .ant-tabs-bottom > .ant-tabs-nav::before,
2480
- .ant-tabs-top > div > .ant-tabs-nav::before,
2481
- .ant-tabs-bottom > div > .ant-tabs-nav::before {
2482
- position: absolute;
2483
- right: 0;
2484
- left: 0;
2485
- border-bottom: 1px solid #f0f0f0;
2486
- content: '';
2465
+ .ant-input-affix-wrapper::placeholder {
2466
+ color: #bfbfbf;
2487
2467
  }
2488
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
2489
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
2490
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
2491
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
2492
- height: 2px;
2468
+ .ant-input-affix-wrapper:placeholder-shown {
2469
+ text-overflow: ellipsis;
2493
2470
  }
2494
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2495
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2496
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2497
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
2498
- -webkit-transition: width 0.3s, left 0.3s, right 0.3s;
2499
- transition: width 0.3s, left 0.3s, right 0.3s;
2471
+ .ant-input-affix-wrapper:hover {
2472
+ border-color: #40a9ff;
2473
+ border-right-width: 1px !important;
2500
2474
  }
2501
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2502
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2503
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2504
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2505
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2506
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2507
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2508
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2509
- top: 0;
2510
- bottom: 0;
2511
- width: 30px;
2475
+ .ant-input-rtl .ant-input-affix-wrapper:hover {
2476
+ border-right-width: 0;
2477
+ border-left-width: 1px !important;
2512
2478
  }
2513
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2514
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2515
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2516
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
2517
- left: 0;
2518
- -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
2519
- box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
2479
+ .ant-input-affix-wrapper:focus,
2480
+ .ant-input-affix-wrapper-focused {
2481
+ border-color: #40a9ff;
2482
+ border-right-width: 1px !important;
2483
+ outline: 0;
2484
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
2485
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
2520
2486
  }
2521
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2522
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2523
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2524
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2525
- right: 0;
2526
- -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
2527
- box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
2487
+ .ant-input-rtl .ant-input-affix-wrapper:focus,
2488
+ .ant-input-rtl .ant-input-affix-wrapper-focused {
2489
+ border-right-width: 0;
2490
+ border-left-width: 1px !important;
2528
2491
  }
2529
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
2530
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
2531
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
2532
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
2492
+ .ant-input-affix-wrapper-disabled {
2493
+ color: rgba(0, 0, 0, 0.25);
2494
+ background-color: #f5f5f5;
2495
+ cursor: not-allowed;
2533
2496
  opacity: 1;
2534
2497
  }
2535
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
2536
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
2537
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
2538
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
2539
- opacity: 1;
2498
+ .ant-input-affix-wrapper-disabled:hover {
2499
+ border-color: #d9d9d9;
2500
+ border-right-width: 1px !important;
2540
2501
  }
2541
- .ant-tabs-top > .ant-tabs-nav::before,
2542
- .ant-tabs-top > div > .ant-tabs-nav::before {
2543
- bottom: 0;
2502
+ .ant-input-affix-wrapper[disabled] {
2503
+ color: rgba(0, 0, 0, 0.25);
2504
+ background-color: #f5f5f5;
2505
+ cursor: not-allowed;
2506
+ opacity: 1;
2544
2507
  }
2545
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
2546
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
2547
- bottom: 0;
2508
+ .ant-input-affix-wrapper[disabled]:hover {
2509
+ border-color: #d9d9d9;
2510
+ border-right-width: 1px !important;
2548
2511
  }
2549
- .ant-tabs-bottom > .ant-tabs-nav,
2550
- .ant-tabs-bottom > div > .ant-tabs-nav {
2551
- -webkit-box-ordinal-group: 2;
2552
- -ms-flex-order: 1;
2553
- order: 1;
2554
- margin-top: 16px;
2555
- margin-bottom: 0;
2512
+ .ant-input-affix-wrapper-borderless,
2513
+ .ant-input-affix-wrapper-borderless:hover,
2514
+ .ant-input-affix-wrapper-borderless:focus,
2515
+ .ant-input-affix-wrapper-borderless-focused,
2516
+ .ant-input-affix-wrapper-borderless-disabled,
2517
+ .ant-input-affix-wrapper-borderless[disabled] {
2518
+ background-color: transparent;
2519
+ border: none;
2520
+ -webkit-box-shadow: none;
2521
+ box-shadow: none;
2556
2522
  }
2557
- .ant-tabs-bottom > .ant-tabs-nav::before,
2558
- .ant-tabs-bottom > div > .ant-tabs-nav::before {
2559
- top: 0;
2523
+ textarea.ant-input-affix-wrapper {
2524
+ max-width: 100%;
2525
+ height: auto;
2526
+ min-height: 32px;
2527
+ line-height: 1.5715;
2528
+ vertical-align: bottom;
2529
+ -webkit-transition: all 0.3s, height 0s;
2530
+ transition: all 0.3s, height 0s;
2560
2531
  }
2561
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
2562
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
2563
- top: 0;
2532
+ .ant-input-affix-wrapper-lg {
2533
+ padding: 6.5px 11px;
2534
+ font-size: 16px;
2564
2535
  }
2565
- .ant-tabs-bottom > .ant-tabs-content-holder,
2566
- .ant-tabs-bottom > div > .ant-tabs-content-holder {
2567
- -webkit-box-ordinal-group: 1;
2568
- -ms-flex-order: 0;
2569
- order: 0;
2536
+ .ant-input-affix-wrapper-sm {
2537
+ padding: 0px 7px;
2570
2538
  }
2571
- .ant-tabs-left > .ant-tabs-nav,
2572
- .ant-tabs-right > .ant-tabs-nav,
2573
- .ant-tabs-left > div > .ant-tabs-nav,
2574
- .ant-tabs-right > div > .ant-tabs-nav {
2575
- -webkit-box-orient: vertical;
2576
- -webkit-box-direction: normal;
2577
- -ms-flex-direction: column;
2578
- flex-direction: column;
2579
- min-width: 50px;
2539
+ .ant-input-affix-wrapper-rtl {
2540
+ direction: rtl;
2580
2541
  }
2581
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
2582
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
2583
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
2584
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
2585
- padding: 8px 24px;
2586
- text-align: center;
2542
+ .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
2543
+ border-color: #40a9ff;
2544
+ border-right-width: 1px !important;
2545
+ z-index: 1;
2587
2546
  }
2588
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2589
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2590
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2591
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
2592
- margin: 16px 0 0 0;
2547
+ .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
2548
+ border-right-width: 0;
2549
+ border-left-width: 1px !important;
2593
2550
  }
2594
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
2595
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
2596
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
2597
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
2598
- -webkit-box-orient: vertical;
2599
- -webkit-box-direction: normal;
2600
- -ms-flex-direction: column;
2601
- flex-direction: column;
2551
+ .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
2552
+ z-index: 0;
2602
2553
  }
2603
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2604
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2605
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2606
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2607
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2608
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2609
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2610
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2611
- right: 0;
2612
- left: 0;
2613
- height: 30px;
2554
+ .ant-input-affix-wrapper-focused,
2555
+ .ant-input-affix-wrapper:focus {
2556
+ z-index: 1;
2614
2557
  }
2615
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2616
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2617
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2618
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
2619
- top: 0;
2620
- -webkit-box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
2621
- box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
2558
+ .ant-input-affix-wrapper-disabled .ant-input[disabled] {
2559
+ background: transparent;
2622
2560
  }
2623
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2624
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2625
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2626
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2627
- bottom: 0;
2628
- -webkit-box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
2629
- box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
2561
+ .ant-input-affix-wrapper > input.ant-input {
2562
+ padding: 0;
2563
+ border: none;
2564
+ outline: none;
2630
2565
  }
2631
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
2632
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
2633
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
2634
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
2635
- opacity: 1;
2566
+ .ant-input-affix-wrapper > input.ant-input:focus {
2567
+ -webkit-box-shadow: none;
2568
+ box-shadow: none;
2636
2569
  }
2637
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
2638
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
2639
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
2640
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
2641
- opacity: 1;
2570
+ .ant-input-affix-wrapper::before {
2571
+ width: 0;
2572
+ visibility: hidden;
2573
+ content: '\a0';
2642
2574
  }
2643
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
2644
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
2645
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
2646
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
2647
- width: 2px;
2575
+ .ant-input-prefix,
2576
+ .ant-input-suffix {
2577
+ display: -webkit-box;
2578
+ display: -ms-flexbox;
2579
+ display: flex;
2580
+ -webkit-box-flex: 0;
2581
+ -ms-flex: none;
2582
+ flex: none;
2583
+ -webkit-box-align: center;
2584
+ -ms-flex-align: center;
2585
+ align-items: center;
2648
2586
  }
2649
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2650
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2651
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2652
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
2653
- -webkit-transition: height 0.3s, top 0.3s;
2654
- transition: height 0.3s, top 0.3s;
2587
+ .ant-input-prefix {
2588
+ margin-right: 4px;
2655
2589
  }
2656
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
2657
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
2658
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
2659
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
2660
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
2661
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
2662
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
2663
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
2664
- -webkit-box-flex: 1;
2665
- -ms-flex: 1 0 auto;
2666
- flex: 1 0 auto;
2667
- -webkit-box-orient: vertical;
2668
- -webkit-box-direction: normal;
2669
- -ms-flex-direction: column;
2670
- flex-direction: column;
2590
+ .ant-input-suffix {
2591
+ margin-left: 4px;
2671
2592
  }
2672
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
2673
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
2674
- right: 0;
2593
+ .ant-input-clear-icon {
2594
+ margin: 0 4px;
2595
+ color: rgba(0, 0, 0, 0.25);
2596
+ font-size: 12px;
2597
+ vertical-align: -1px;
2598
+ cursor: pointer;
2599
+ -webkit-transition: color 0.3s;
2600
+ transition: color 0.3s;
2675
2601
  }
2676
- .ant-tabs-left > .ant-tabs-content-holder,
2677
- .ant-tabs-left > div > .ant-tabs-content-holder {
2678
- margin-left: -1px;
2679
- border-left: 1px solid #f0f0f0;
2602
+ .ant-input-clear-icon:hover {
2603
+ color: rgba(0, 0, 0, 0.45);
2680
2604
  }
2681
- .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
2682
- .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
2683
- padding-left: 24px;
2605
+ .ant-input-clear-icon:active {
2606
+ color: rgba(0, 0, 0, 0.85);
2684
2607
  }
2685
- .ant-tabs-right > .ant-tabs-nav,
2686
- .ant-tabs-right > div > .ant-tabs-nav {
2687
- -webkit-box-ordinal-group: 2;
2688
- -ms-flex-order: 1;
2689
- order: 1;
2608
+ .ant-input-clear-icon-hidden {
2609
+ visibility: hidden;
2690
2610
  }
2691
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
2692
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
2693
- left: 0;
2611
+ .ant-input-clear-icon:last-child {
2612
+ margin-right: 0;
2694
2613
  }
2695
- .ant-tabs-right > .ant-tabs-content-holder,
2696
- .ant-tabs-right > div > .ant-tabs-content-holder {
2697
- -webkit-box-ordinal-group: 1;
2698
- -ms-flex-order: 0;
2699
- order: 0;
2700
- margin-right: -1px;
2701
- border-right: 1px solid #f0f0f0;
2614
+ .ant-input-affix-wrapper-textarea-with-clear-btn {
2615
+ padding: 0 !important;
2616
+ border: 0 !important;
2702
2617
  }
2703
- .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
2704
- .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
2705
- padding-right: 24px;
2618
+ .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
2619
+ position: absolute;
2620
+ top: 8px;
2621
+ right: 8px;
2622
+ z-index: 1;
2706
2623
  }
2707
- .ant-tabs-dropdown {
2624
+ .ant-input {
2708
2625
  -webkit-box-sizing: border-box;
2709
2626
  box-sizing: border-box;
2710
2627
  margin: 0;
2711
2628
  padding: 0;
2712
- color: rgba(0, 0, 0, 0.85);
2713
- font-size: 14px;
2714
2629
  font-variant: tabular-nums;
2715
- line-height: 1.5715;
2716
2630
  list-style: none;
2717
2631
  -webkit-font-feature-settings: 'tnum';
2718
2632
  font-feature-settings: 'tnum';
2719
- position: absolute;
2720
- top: -9999px;
2721
- left: -9999px;
2722
- z-index: 1050;
2723
- display: block;
2724
- }
2725
- .ant-tabs-dropdown-hidden {
2726
- display: none;
2727
- }
2728
- .ant-tabs-dropdown-menu {
2729
- max-height: 200px;
2730
- margin: 0;
2731
- padding: 4px 0;
2732
- overflow-x: hidden;
2733
- overflow-y: auto;
2734
- text-align: left;
2735
- list-style-type: none;
2736
- background-color: #fff;
2737
- background-clip: padding-box;
2738
- border-radius: 2px;
2739
- outline: none;
2740
- -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
2741
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
2742
- }
2743
- .ant-tabs-dropdown-menu-item {
2744
- min-width: 120px;
2745
- margin: 0;
2746
- padding: 5px 12px;
2747
- overflow: hidden;
2633
+ position: relative;
2634
+ display: inline-block;
2635
+ width: 100%;
2636
+ min-width: 0;
2637
+ padding: 4px 11px;
2748
2638
  color: rgba(0, 0, 0, 0.85);
2749
- font-weight: normal;
2750
2639
  font-size: 14px;
2751
- line-height: 22px;
2752
- white-space: nowrap;
2753
- text-overflow: ellipsis;
2754
- cursor: pointer;
2640
+ line-height: 1.5715;
2641
+ background-color: #fff;
2642
+ background-image: none;
2643
+ border: 1px solid #d9d9d9;
2644
+ border-radius: 2px;
2755
2645
  -webkit-transition: all 0.3s;
2756
2646
  transition: all 0.3s;
2757
2647
  }
2758
- .ant-tabs-dropdown-menu-item:hover {
2759
- background: #f5f5f5;
2648
+ .ant-input::-moz-placeholder {
2649
+ opacity: 1;
2760
2650
  }
2761
- .ant-tabs-dropdown-menu-item-disabled,
2762
- .ant-tabs-dropdown-menu-item-disabled:hover {
2763
- color: rgba(0, 0, 0, 0.25);
2764
- background: transparent;
2765
- cursor: not-allowed;
2651
+ .ant-input::-webkit-input-placeholder {
2652
+ color: #bfbfbf;
2766
2653
  }
2767
- .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
2768
- .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
2769
- margin: 0;
2770
- padding: 8px 16px;
2771
- background: #fafafa;
2772
- border: 1px solid #f0f0f0;
2773
- -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2774
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2654
+ .ant-input::-ms-input-placeholder {
2655
+ color: #bfbfbf;
2775
2656
  }
2776
- .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
2777
- .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
2778
- color: #1890ff;
2779
- background: #fff;
2657
+ .ant-input::placeholder {
2658
+ color: #bfbfbf;
2780
2659
  }
2781
- .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
2782
- .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
2783
- visibility: hidden;
2660
+ .ant-input:placeholder-shown {
2661
+ text-overflow: ellipsis;
2784
2662
  }
2785
- .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2786
- .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2787
- .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2788
- .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
2789
- margin-left: 2px;
2663
+ .ant-input:hover {
2664
+ border-color: #40a9ff;
2665
+ border-right-width: 1px !important;
2790
2666
  }
2791
- .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
2792
- .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
2793
- border-radius: 2px 2px 0 0;
2667
+ .ant-input-rtl .ant-input:hover {
2668
+ border-right-width: 0;
2669
+ border-left-width: 1px !important;
2794
2670
  }
2795
- .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
2796
- .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
2797
- border-bottom-color: #fff;
2671
+ .ant-input:focus,
2672
+ .ant-input-focused {
2673
+ border-color: #40a9ff;
2674
+ border-right-width: 1px !important;
2675
+ outline: 0;
2676
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
2677
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
2798
2678
  }
2799
- .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
2800
- .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
2801
- border-radius: 0 0 2px 2px;
2679
+ .ant-input-rtl .ant-input:focus,
2680
+ .ant-input-rtl .ant-input-focused {
2681
+ border-right-width: 0;
2682
+ border-left-width: 1px !important;
2802
2683
  }
2803
- .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
2804
- .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
2805
- border-top-color: #fff;
2684
+ .ant-input-disabled {
2685
+ color: rgba(0, 0, 0, 0.25);
2686
+ background-color: #f5f5f5;
2687
+ cursor: not-allowed;
2688
+ opacity: 1;
2806
2689
  }
2807
- .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2808
- .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2809
- .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2810
- .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
2811
- margin-top: 2px;
2690
+ .ant-input-disabled:hover {
2691
+ border-color: #d9d9d9;
2692
+ border-right-width: 1px !important;
2812
2693
  }
2813
- .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
2814
- .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
2815
- border-radius: 2px 0 0 2px;
2694
+ .ant-input[disabled] {
2695
+ color: rgba(0, 0, 0, 0.25);
2696
+ background-color: #f5f5f5;
2697
+ cursor: not-allowed;
2698
+ opacity: 1;
2816
2699
  }
2817
- .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
2818
- .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
2819
- border-right-color: #fff;
2700
+ .ant-input[disabled]:hover {
2701
+ border-color: #d9d9d9;
2702
+ border-right-width: 1px !important;
2820
2703
  }
2821
- .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
2822
- .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
2823
- border-radius: 0 2px 2px 0;
2704
+ .ant-input-borderless,
2705
+ .ant-input-borderless:hover,
2706
+ .ant-input-borderless:focus,
2707
+ .ant-input-borderless-focused,
2708
+ .ant-input-borderless-disabled,
2709
+ .ant-input-borderless[disabled] {
2710
+ background-color: transparent;
2711
+ border: none;
2712
+ -webkit-box-shadow: none;
2713
+ box-shadow: none;
2824
2714
  }
2825
- .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
2826
- .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
2827
- border-left-color: #fff;
2715
+ textarea.ant-input {
2716
+ max-width: 100%;
2717
+ height: auto;
2718
+ min-height: 32px;
2719
+ line-height: 1.5715;
2720
+ vertical-align: bottom;
2721
+ -webkit-transition: all 0.3s, height 0s;
2722
+ transition: all 0.3s, height 0s;
2723
+ }
2724
+ .ant-input-lg {
2725
+ padding: 6.5px 11px;
2726
+ font-size: 16px;
2727
+ }
2728
+ .ant-input-sm {
2729
+ padding: 0px 7px;
2828
2730
  }
2829
- .ant-tabs {
2731
+ .ant-input-rtl {
2732
+ direction: rtl;
2733
+ }
2734
+ .ant-input-group {
2830
2735
  -webkit-box-sizing: border-box;
2831
2736
  box-sizing: border-box;
2832
2737
  margin: 0;
@@ -2838,540 +2743,474 @@ a.ant-btn-sm {
2838
2743
  list-style: none;
2839
2744
  -webkit-font-feature-settings: 'tnum';
2840
2745
  font-feature-settings: 'tnum';
2841
- display: -webkit-box;
2842
- display: -ms-flexbox;
2843
- display: flex;
2844
- overflow: hidden;
2845
- }
2846
- .ant-tabs > .ant-tabs-nav,
2847
- .ant-tabs > div > .ant-tabs-nav {
2848
2746
  position: relative;
2849
- display: -webkit-box;
2850
- display: -ms-flexbox;
2851
- display: flex;
2852
- -webkit-box-flex: 0;
2853
- -ms-flex: none;
2854
- flex: none;
2855
- -webkit-box-align: center;
2856
- -ms-flex-align: center;
2857
- align-items: center;
2747
+ display: table;
2748
+ width: 100%;
2749
+ border-collapse: separate;
2750
+ border-spacing: 0;
2858
2751
  }
2859
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
2860
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
2861
- position: relative;
2862
- display: inline-block;
2863
- display: -webkit-box;
2864
- display: -ms-flexbox;
2865
- display: flex;
2866
- -webkit-box-flex: 1;
2867
- -ms-flex: auto;
2868
- flex: auto;
2869
- -ms-flex-item-align: stretch;
2870
- align-self: stretch;
2871
- overflow: hidden;
2752
+ .ant-input-group[class*='col-'] {
2753
+ float: none;
2754
+ padding-right: 0;
2755
+ padding-left: 0;
2756
+ }
2757
+ .ant-input-group > [class*='col-'] {
2758
+ padding-right: 8px;
2759
+ }
2760
+ .ant-input-group > [class*='col-']:last-child {
2761
+ padding-right: 0;
2762
+ }
2763
+ .ant-input-group-addon,
2764
+ .ant-input-group-wrap,
2765
+ .ant-input-group > .ant-input {
2766
+ display: table-cell;
2767
+ }
2768
+ .ant-input-group-addon:not(:first-child):not(:last-child),
2769
+ .ant-input-group-wrap:not(:first-child):not(:last-child),
2770
+ .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
2771
+ border-radius: 0;
2772
+ }
2773
+ .ant-input-group-addon,
2774
+ .ant-input-group-wrap {
2775
+ width: 1px;
2872
2776
  white-space: nowrap;
2873
- -webkit-transform: translate(0);
2874
- transform: translate(0);
2777
+ vertical-align: middle;
2875
2778
  }
2876
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2877
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2878
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2879
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2880
- position: absolute;
2779
+ .ant-input-group-wrap > * {
2780
+ display: block !important;
2781
+ }
2782
+ .ant-input-group .ant-input {
2783
+ float: left;
2784
+ width: 100%;
2785
+ margin-bottom: 0;
2786
+ text-align: inherit;
2787
+ }
2788
+ .ant-input-group .ant-input:focus {
2881
2789
  z-index: 1;
2882
- opacity: 0;
2883
- -webkit-transition: opacity 0.3s;
2884
- transition: opacity 0.3s;
2885
- content: '';
2886
- pointer-events: none;
2790
+ border-right-width: 1px;
2887
2791
  }
2888
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
2889
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
2792
+ .ant-input-group .ant-input:hover {
2793
+ z-index: 1;
2794
+ border-right-width: 1px;
2795
+ }
2796
+ .ant-input-search-with-button .ant-input-group .ant-input:hover {
2797
+ z-index: 0;
2798
+ }
2799
+ .ant-input-group-addon {
2890
2800
  position: relative;
2891
- display: -webkit-box;
2892
- display: -ms-flexbox;
2893
- display: flex;
2894
- -webkit-transition: -webkit-transform 0.3s;
2895
- transition: -webkit-transform 0.3s;
2896
- transition: transform 0.3s;
2897
- transition: transform 0.3s, -webkit-transform 0.3s;
2801
+ padding: 0 11px;
2802
+ color: rgba(0, 0, 0, 0.85);
2803
+ font-weight: normal;
2804
+ font-size: 14px;
2805
+ text-align: center;
2806
+ background-color: #fafafa;
2807
+ border: 1px solid #d9d9d9;
2808
+ border-radius: 2px;
2809
+ -webkit-transition: all 0.3s;
2810
+ transition: all 0.3s;
2898
2811
  }
2899
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
2900
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
2901
- display: -webkit-box;
2902
- display: -ms-flexbox;
2903
- display: flex;
2904
- -ms-flex-item-align: stretch;
2905
- align-self: stretch;
2812
+ .ant-input-group-addon .ant-select {
2813
+ margin: -5px -11px;
2906
2814
  }
2907
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
2908
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
2909
- position: absolute;
2910
- visibility: hidden;
2911
- pointer-events: none;
2815
+ .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
2816
+ background-color: inherit;
2817
+ border: 1px solid transparent;
2818
+ -webkit-box-shadow: none;
2819
+ box-shadow: none;
2912
2820
  }
2913
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
2914
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
2915
- position: relative;
2916
- padding: 8px 16px;
2917
- background: transparent;
2918
- border: 0;
2821
+ .ant-input-group-addon .ant-select-open .ant-select-selector,
2822
+ .ant-input-group-addon .ant-select-focused .ant-select-selector {
2823
+ color: #1890ff;
2919
2824
  }
2920
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
2921
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
2922
- position: absolute;
2923
- right: 0;
2924
- bottom: 0;
2925
- left: 0;
2926
- height: 5px;
2927
- -webkit-transform: translateY(100%);
2928
- transform: translateY(100%);
2825
+ .ant-input-group > .ant-input:first-child,
2826
+ .ant-input-group-addon:first-child {
2827
+ border-top-right-radius: 0;
2828
+ border-bottom-right-radius: 0;
2829
+ }
2830
+ .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
2831
+ .ant-input-group-addon:first-child .ant-select .ant-select-selector {
2832
+ border-top-right-radius: 0;
2833
+ border-bottom-right-radius: 0;
2834
+ }
2835
+ .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
2836
+ border-top-left-radius: 0;
2837
+ border-bottom-left-radius: 0;
2838
+ }
2839
+ .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
2840
+ border-top-right-radius: 0;
2841
+ border-bottom-right-radius: 0;
2842
+ }
2843
+ .ant-input-group-addon:first-child {
2844
+ border-right: 0;
2845
+ }
2846
+ .ant-input-group-addon:last-child {
2847
+ border-left: 0;
2848
+ }
2849
+ .ant-input-group > .ant-input:last-child,
2850
+ .ant-input-group-addon:last-child {
2851
+ border-top-left-radius: 0;
2852
+ border-bottom-left-radius: 0;
2853
+ }
2854
+ .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
2855
+ .ant-input-group-addon:last-child .ant-select .ant-select-selector {
2856
+ border-top-left-radius: 0;
2857
+ border-bottom-left-radius: 0;
2858
+ }
2859
+ .ant-input-group-lg .ant-input,
2860
+ .ant-input-group-lg > .ant-input-group-addon {
2861
+ padding: 6.5px 11px;
2862
+ font-size: 16px;
2863
+ }
2864
+ .ant-input-group-sm .ant-input,
2865
+ .ant-input-group-sm > .ant-input-group-addon {
2866
+ padding: 0px 7px;
2867
+ }
2868
+ .ant-input-group-lg .ant-select-single .ant-select-selector {
2869
+ height: 40px;
2870
+ }
2871
+ .ant-input-group-sm .ant-select-single .ant-select-selector {
2872
+ height: 24px;
2873
+ }
2874
+ .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
2875
+ border-top-left-radius: 0;
2876
+ border-bottom-left-radius: 0;
2877
+ }
2878
+ .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
2879
+ border-top-right-radius: 0;
2880
+ border-bottom-right-radius: 0;
2881
+ }
2882
+ .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
2883
+ border-top-left-radius: 2px;
2884
+ border-bottom-left-radius: 2px;
2885
+ }
2886
+ .ant-input-group.ant-input-group-compact {
2887
+ display: block;
2888
+ }
2889
+ .ant-input-group.ant-input-group-compact::before {
2890
+ display: table;
2929
2891
  content: '';
2930
2892
  }
2931
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
2932
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
2933
- min-width: 40px;
2934
- padding: 0 8px;
2935
- background: #fafafa;
2936
- border: 1px solid #f0f0f0;
2937
- border-radius: 2px 2px 0 0;
2938
- outline: none;
2939
- cursor: pointer;
2940
- -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2941
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2893
+ .ant-input-group.ant-input-group-compact::after {
2894
+ display: table;
2895
+ clear: both;
2896
+ content: '';
2942
2897
  }
2943
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
2944
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
2945
- color: #40a9ff;
2898
+ .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
2899
+ .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
2900
+ .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
2901
+ border-right-width: 1px;
2946
2902
  }
2947
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
2948
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
2949
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
2950
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
2951
- color: #096dd9;
2903
+ .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
2904
+ .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
2905
+ .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
2906
+ z-index: 1;
2952
2907
  }
2953
- .ant-tabs-extra-content {
2954
- -webkit-box-flex: 0;
2955
- -ms-flex: none;
2956
- flex: none;
2908
+ .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
2909
+ .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
2910
+ .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
2911
+ z-index: 1;
2957
2912
  }
2958
- .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
2959
- .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
2960
- -webkit-box-pack: center;
2961
- -ms-flex-pack: center;
2962
- justify-content: center;
2913
+ .ant-input-group.ant-input-group-compact > * {
2914
+ display: inline-block;
2915
+ float: none;
2916
+ vertical-align: top;
2917
+ border-radius: 0;
2963
2918
  }
2964
- .ant-tabs-ink-bar {
2965
- position: absolute;
2966
- background: #1890ff;
2967
- pointer-events: none;
2919
+ .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
2920
+ display: -webkit-inline-box;
2921
+ display: -ms-inline-flexbox;
2922
+ display: inline-flex;
2968
2923
  }
2969
- .ant-tabs-tab {
2970
- position: relative;
2924
+ .ant-input-group.ant-input-group-compact > .ant-picker-range {
2971
2925
  display: -webkit-inline-box;
2972
2926
  display: -ms-inline-flexbox;
2973
2927
  display: inline-flex;
2974
- -webkit-box-align: center;
2975
- -ms-flex-align: center;
2976
- align-items: center;
2977
- padding: 12px 0;
2978
- font-size: 14px;
2979
- background: transparent;
2980
- border: 0;
2981
- outline: none;
2982
- cursor: pointer;
2983
2928
  }
2984
- .ant-tabs-tab-btn:focus,
2985
- .ant-tabs-tab-remove:focus,
2986
- .ant-tabs-tab-btn:active,
2987
- .ant-tabs-tab-remove:active {
2988
- color: #096dd9;
2929
+ .ant-input-group.ant-input-group-compact > *:not(:last-child) {
2930
+ margin-right: -1px;
2931
+ border-right-width: 1px;
2989
2932
  }
2990
- .ant-tabs-tab-btn {
2991
- outline: none;
2992
- -webkit-transition: all 0.3s;
2993
- transition: all 0.3s;
2933
+ .ant-input-group.ant-input-group-compact .ant-input {
2934
+ float: none;
2994
2935
  }
2995
- .ant-tabs-tab-remove {
2996
- -webkit-box-flex: 0;
2997
- -ms-flex: none;
2998
- flex: none;
2999
- margin-right: -4px;
3000
- margin-left: 8px;
3001
- color: rgba(0, 0, 0, 0.45);
3002
- font-size: 12px;
3003
- background: transparent;
3004
- border: none;
3005
- outline: none;
3006
- cursor: pointer;
3007
- -webkit-transition: all 0.3s;
3008
- transition: all 0.3s;
2936
+ .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
2937
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
2938
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
2939
+ .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
2940
+ border-right-width: 1px;
2941
+ border-radius: 0;
3009
2942
  }
3010
- .ant-tabs-tab-remove:hover {
3011
- color: rgba(0, 0, 0, 0.85);
2943
+ .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
2944
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
2945
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
2946
+ .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
2947
+ z-index: 1;
3012
2948
  }
3013
- .ant-tabs-tab:hover {
3014
- color: #40a9ff;
2949
+ .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
2950
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
2951
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
2952
+ .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
2953
+ z-index: 1;
3015
2954
  }
3016
- .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
3017
- color: #1890ff;
3018
- text-shadow: 0 0 0.25px currentColor;
2955
+ .ant-input-group.ant-input-group-compact > .ant-select-focused {
2956
+ z-index: 1;
3019
2957
  }
3020
- .ant-tabs-tab.ant-tabs-tab-disabled {
3021
- color: rgba(0, 0, 0, 0.25);
3022
- cursor: not-allowed;
2958
+ .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
2959
+ z-index: 1;
3023
2960
  }
3024
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
3025
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
3026
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
3027
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
3028
- color: rgba(0, 0, 0, 0.25);
2961
+ .ant-input-group.ant-input-group-compact > *:first-child,
2962
+ .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
2963
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
2964
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
2965
+ border-top-left-radius: 2px;
2966
+ border-bottom-left-radius: 2px;
3029
2967
  }
3030
- .ant-tabs-tab .ant-tabs-tab-remove .anticon {
3031
- margin: 0;
2968
+ .ant-input-group.ant-input-group-compact > *:last-child,
2969
+ .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
2970
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
2971
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
2972
+ border-right-width: 1px;
2973
+ border-top-right-radius: 2px;
2974
+ border-bottom-right-radius: 2px;
3032
2975
  }
3033
- .ant-tabs-tab .anticon {
3034
- margin-right: 12px;
2976
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
2977
+ vertical-align: top;
3035
2978
  }
3036
- .ant-tabs-tab + .ant-tabs-tab {
3037
- margin: 0 0 0 32px;
2979
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
2980
+ margin-left: -1px;
3038
2981
  }
3039
- .ant-tabs-content {
3040
- display: -webkit-box;
3041
- display: -ms-flexbox;
3042
- display: flex;
3043
- width: 100%;
2982
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
2983
+ border-radius: 0;
3044
2984
  }
3045
- .ant-tabs-content-holder {
3046
- -webkit-box-flex: 1;
3047
- -ms-flex: auto;
3048
- flex: auto;
3049
- min-width: 0;
3050
- min-height: 0;
2985
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
2986
+ border-radius: 0;
3051
2987
  }
3052
- .ant-tabs-content-animated {
3053
- -webkit-transition: margin 0.3s;
3054
- transition: margin 0.3s;
2988
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
2989
+ border-radius: 2px 0 0 2px;
3055
2990
  }
3056
- .ant-tabs-tabpane {
3057
- -webkit-box-flex: 0;
3058
- -ms-flex: none;
3059
- flex: none;
3060
- width: 100%;
3061
- outline: none;
2991
+ .ant-input-group > .ant-input-rtl:first-child,
2992
+ .ant-input-group-rtl .ant-input-group-addon:first-child {
2993
+ border-radius: 0 2px 2px 0;
3062
2994
  }
3063
- .pandora-sdk-card .ant-card-head .ant-card-extra {
3064
- padding: 0;
2995
+ .ant-input-group-rtl .ant-input-group-addon:first-child {
2996
+ border-right: 1px solid #d9d9d9;
2997
+ border-left: 0;
3065
2998
  }
3066
- .ant-divider {
3067
- -webkit-box-sizing: border-box;
3068
- box-sizing: border-box;
3069
- margin: 0;
3070
- padding: 0;
3071
- color: rgba(0, 0, 0, 0.85);
3072
- font-size: 14px;
3073
- font-variant: tabular-nums;
3074
- line-height: 1.5715;
3075
- list-style: none;
3076
- -webkit-font-feature-settings: 'tnum';
3077
- font-feature-settings: 'tnum';
3078
- border-top: 1px solid rgba(0, 0, 0, 0.06);
2999
+ .ant-input-group-rtl .ant-input-group-addon:last-child {
3000
+ border-right: 0;
3001
+ border-left: 1px solid #d9d9d9;
3079
3002
  }
3080
- .ant-divider-vertical {
3081
- position: relative;
3082
- top: -0.06em;
3083
- display: inline-block;
3084
- height: 0.9em;
3085
- margin: 0 8px;
3086
- vertical-align: middle;
3087
- border-top: 0;
3088
- border-left: 1px solid rgba(0, 0, 0, 0.06);
3003
+ .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
3004
+ .ant-input-group-rtl.ant-input-group-addon:last-child {
3005
+ border-radius: 2px 0 0 2px;
3089
3006
  }
3090
- .ant-divider-horizontal {
3091
- display: -webkit-box;
3092
- display: -ms-flexbox;
3093
- display: flex;
3094
- clear: both;
3007
+ .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
3008
+ border-radius: 2px 0 0 2px;
3009
+ }
3010
+ .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
3011
+ border-radius: 0 2px 2px 0;
3012
+ }
3013
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
3014
+ margin-right: 0;
3015
+ margin-left: -1px;
3016
+ border-left-width: 1px;
3017
+ }
3018
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
3019
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
3020
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
3021
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
3022
+ border-radius: 0 2px 2px 0;
3023
+ }
3024
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
3025
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
3026
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
3027
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
3028
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
3029
+ border-left-width: 1px;
3030
+ border-radius: 2px 0 0 2px;
3031
+ }
3032
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
3033
+ margin-right: -1px;
3034
+ margin-left: 0;
3035
+ }
3036
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
3037
+ border-radius: 0 2px 2px 0;
3038
+ }
3039
+ .ant-input-group-wrapper {
3040
+ display: inline-block;
3095
3041
  width: 100%;
3096
- min-width: 100%;
3097
- margin: 24px 0;
3042
+ text-align: start;
3043
+ vertical-align: top;
3098
3044
  }
3099
- .ant-divider-horizontal.ant-divider-with-text {
3100
- display: -webkit-box;
3101
- display: -ms-flexbox;
3102
- display: flex;
3103
- margin: 16px 0;
3045
+ .ant-input-password-icon {
3046
+ color: rgba(0, 0, 0, 0.45);
3047
+ cursor: pointer;
3048
+ -webkit-transition: all 0.3s;
3049
+ transition: all 0.3s;
3050
+ }
3051
+ .ant-input-password-icon:hover {
3104
3052
  color: rgba(0, 0, 0, 0.85);
3105
- font-weight: 500;
3106
- font-size: 16px;
3107
- white-space: nowrap;
3108
- text-align: center;
3109
- border-top: 0;
3110
- border-top-color: rgba(0, 0, 0, 0.06);
3111
3053
  }
3112
- .ant-divider-horizontal.ant-divider-with-text::before,
3113
- .ant-divider-horizontal.ant-divider-with-text::after {
3114
- position: relative;
3115
- top: 50%;
3116
- width: 50%;
3117
- border-top: 1px solid transparent;
3118
- border-top-color: inherit;
3119
- border-bottom: 0;
3120
- -webkit-transform: translateY(50%);
3121
- transform: translateY(50%);
3122
- content: '';
3054
+ .ant-input[type='color'] {
3055
+ height: 32px;
3123
3056
  }
3124
- .ant-divider-horizontal.ant-divider-with-text-left::before {
3125
- top: 50%;
3126
- width: 5%;
3057
+ .ant-input[type='color'].ant-input-lg {
3058
+ height: 40px;
3127
3059
  }
3128
- .ant-divider-horizontal.ant-divider-with-text-left::after {
3129
- top: 50%;
3130
- width: 95%;
3060
+ .ant-input[type='color'].ant-input-sm {
3061
+ height: 24px;
3062
+ padding-top: 3px;
3063
+ padding-bottom: 3px;
3131
3064
  }
3132
- .ant-divider-horizontal.ant-divider-with-text-right::before {
3133
- top: 50%;
3134
- width: 95%;
3065
+ .ant-input-textarea-show-count::after {
3066
+ float: right;
3067
+ color: rgba(0, 0, 0, 0.45);
3068
+ white-space: nowrap;
3069
+ content: attr(data-count);
3070
+ pointer-events: none;
3135
3071
  }
3136
- .ant-divider-horizontal.ant-divider-with-text-right::after {
3137
- top: 50%;
3138
- width: 5%;
3072
+ .ant-input-search .ant-input:hover,
3073
+ .ant-input-search .ant-input:focus {
3074
+ border-color: #40a9ff;
3139
3075
  }
3140
- .ant-divider-inner-text {
3141
- display: inline-block;
3142
- padding: 0 1em;
3076
+ .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
3077
+ .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
3078
+ border-left-color: #40a9ff;
3143
3079
  }
3144
- .ant-divider-dashed {
3145
- background: none;
3146
- border-color: rgba(0, 0, 0, 0.06);
3147
- border-style: dashed;
3148
- border-width: 1px 0 0;
3080
+ .ant-input-search .ant-input-affix-wrapper {
3081
+ border-radius: 0;
3149
3082
  }
3150
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
3151
- border-top: 0;
3083
+ .ant-input-search .ant-input-lg {
3084
+ line-height: 1.5713;
3152
3085
  }
3153
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
3154
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
3155
- border-style: dashed none none;
3086
+ .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
3087
+ left: -1px;
3088
+ padding: 0;
3089
+ border: 0;
3156
3090
  }
3157
- .ant-divider-vertical.ant-divider-dashed {
3158
- border-width: 0 0 0 1px;
3091
+ .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
3092
+ padding-top: 0;
3093
+ padding-bottom: 0;
3094
+ border-radius: 0 2px 2px 0;
3159
3095
  }
3160
- .ant-divider-plain.ant-divider-with-text {
3161
- color: rgba(0, 0, 0, 0.85);
3162
- font-weight: normal;
3163
- font-size: 14px;
3096
+ .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
3097
+ color: rgba(0, 0, 0, 0.45);
3164
3098
  }
3165
- .ant-divider-rtl {
3166
- direction: rtl;
3099
+ .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
3100
+ top: 0;
3101
+ right: 0;
3102
+ bottom: 0;
3103
+ left: 0;
3167
3104
  }
3168
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
3169
- width: 95%;
3105
+ .ant-input-search-button {
3106
+ height: 32px;
3170
3107
  }
3171
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
3172
- width: 5%;
3108
+ .ant-input-search-button:hover,
3109
+ .ant-input-search-button:focus {
3110
+ z-index: 1;
3173
3111
  }
3174
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
3175
- width: 5%;
3112
+ .ant-input-search-large .ant-input-search-button {
3113
+ height: 40px;
3176
3114
  }
3177
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
3178
- width: 95%;
3115
+ .ant-input-search-small .ant-input-search-button {
3116
+ height: 24px;
3179
3117
  }
3180
- @-webkit-keyframes antCheckboxEffect {
3181
- 0% {
3182
- -webkit-transform: scale(1);
3183
- transform: scale(1);
3184
- opacity: 0.5;
3185
- }
3186
- 100% {
3187
- -webkit-transform: scale(1.6);
3188
- transform: scale(1.6);
3189
- opacity: 0;
3190
- }
3118
+ .ant-input-group-wrapper-rtl {
3119
+ direction: rtl;
3191
3120
  }
3192
- @keyframes antCheckboxEffect {
3193
- 0% {
3194
- -webkit-transform: scale(1);
3195
- transform: scale(1);
3196
- opacity: 0.5;
3197
- }
3198
- 100% {
3199
- -webkit-transform: scale(1.6);
3200
- transform: scale(1.6);
3201
- opacity: 0;
3202
- }
3121
+ .ant-input-group-rtl {
3122
+ direction: rtl;
3203
3123
  }
3204
- .ant-checkbox {
3205
- -webkit-box-sizing: border-box;
3206
- box-sizing: border-box;
3207
- margin: 0;
3208
- padding: 0;
3209
- color: rgba(0, 0, 0, 0.85);
3210
- font-size: 14px;
3211
- font-variant: tabular-nums;
3212
- line-height: 1.5715;
3213
- list-style: none;
3214
- -webkit-font-feature-settings: 'tnum';
3215
- font-feature-settings: 'tnum';
3216
- position: relative;
3217
- top: 0.2em;
3218
- line-height: 1;
3219
- white-space: nowrap;
3124
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
3125
+ border: none;
3220
3126
  outline: none;
3221
- cursor: pointer;
3222
3127
  }
3223
- .ant-checkbox-wrapper:hover .ant-checkbox-inner,
3224
- .ant-checkbox:hover .ant-checkbox-inner,
3225
- .ant-checkbox-input:focus + .ant-checkbox-inner {
3226
- border-color: #1890ff;
3227
- }
3228
- .ant-checkbox-checked::after {
3229
- position: absolute;
3230
- top: 0;
3231
- left: 0;
3232
- width: 100%;
3233
- height: 100%;
3234
- border: 1px solid #1890ff;
3235
- border-radius: 2px;
3236
- visibility: hidden;
3237
- -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
3238
- animation: antCheckboxEffect 0.36s ease-in-out;
3239
- -webkit-animation-fill-mode: backwards;
3240
- animation-fill-mode: backwards;
3241
- content: '';
3128
+ .ant-input-affix-wrapper-rtl .ant-input-prefix {
3129
+ margin: 0 0 0 4px;
3242
3130
  }
3243
- .ant-checkbox:hover::after,
3244
- .ant-checkbox-wrapper:hover .ant-checkbox::after {
3245
- visibility: visible;
3131
+ .ant-input-affix-wrapper-rtl .ant-input-suffix {
3132
+ margin: 0 4px 0 0;
3246
3133
  }
3247
- .ant-checkbox-inner {
3248
- position: relative;
3249
- top: 0;
3250
- left: 0;
3251
- display: block;
3252
- width: 16px;
3253
- height: 16px;
3254
- direction: ltr;
3255
- background-color: #fff;
3256
- border: 1px solid #d9d9d9;
3257
- border-radius: 2px;
3258
- border-collapse: separate;
3259
- -webkit-transition: all 0.3s;
3260
- transition: all 0.3s;
3134
+ .ant-input-textarea-rtl {
3135
+ direction: rtl;
3261
3136
  }
3262
- .ant-checkbox-inner::after {
3263
- position: absolute;
3264
- top: 50%;
3265
- left: 22%;
3266
- display: table;
3267
- width: 5.71428571px;
3268
- height: 9.14285714px;
3269
- border: 2px solid #fff;
3270
- border-top: 0;
3271
- border-left: 0;
3272
- -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
3273
- transform: rotate(45deg) scale(0) translate(-50%, -50%);
3274
- opacity: 0;
3275
- -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
3276
- transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
3277
- content: ' ';
3137
+ .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
3138
+ text-align: left;
3278
3139
  }
3279
- .ant-checkbox-input {
3280
- position: absolute;
3281
- top: 0;
3282
- right: 0;
3283
- bottom: 0;
3284
- left: 0;
3285
- z-index: 1;
3286
- width: 100%;
3287
- height: 100%;
3288
- cursor: pointer;
3289
- opacity: 0;
3140
+ .ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child {
3141
+ margin-right: 4px;
3142
+ margin-left: 0;
3290
3143
  }
3291
- .ant-checkbox-checked .ant-checkbox-inner::after {
3292
- position: absolute;
3293
- display: table;
3294
- border: 2px solid #fff;
3295
- border-top: 0;
3296
- border-left: 0;
3297
- -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
3298
- transform: rotate(45deg) scale(1) translate(-50%, -50%);
3299
- opacity: 1;
3300
- -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
3301
- transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
3302
- content: ' ';
3144
+ .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
3145
+ right: auto;
3146
+ left: 8px;
3303
3147
  }
3304
- .ant-checkbox-checked .ant-checkbox-inner {
3305
- background-color: #1890ff;
3306
- border-color: #1890ff;
3148
+ .ant-input-search-rtl {
3149
+ direction: rtl;
3307
3150
  }
3308
- .ant-checkbox-disabled {
3309
- cursor: not-allowed;
3151
+ .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
3152
+ .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
3153
+ border-right-color: #40a9ff;
3154
+ border-left-color: #d9d9d9;
3310
3155
  }
3311
- .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
3312
- border-color: rgba(0, 0, 0, 0.25);
3313
- -webkit-animation-name: none;
3314
- animation-name: none;
3156
+ .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
3157
+ .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
3158
+ border-right-color: #40a9ff;
3315
3159
  }
3316
- .ant-checkbox-disabled .ant-checkbox-input {
3317
- cursor: not-allowed;
3160
+ .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
3161
+ right: -1px;
3162
+ left: auto;
3318
3163
  }
3319
- .ant-checkbox-disabled .ant-checkbox-inner {
3320
- background-color: #f5f5f5;
3321
- border-color: #d9d9d9 !important;
3164
+ .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
3165
+ border-radius: 2px 0 0 2px;
3322
3166
  }
3323
- .ant-checkbox-disabled .ant-checkbox-inner::after {
3324
- border-color: #f5f5f5;
3325
- border-collapse: separate;
3326
- -webkit-animation-name: none;
3327
- animation-name: none;
3167
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
3168
+ .ant-input {
3169
+ height: 32px;
3170
+ }
3171
+ .ant-input-lg {
3172
+ height: 40px;
3173
+ }
3174
+ .ant-input-sm {
3175
+ height: 24px;
3176
+ }
3177
+ .ant-input-affix-wrapper > input.ant-input {
3178
+ height: auto;
3179
+ }
3328
3180
  }
3329
- .ant-checkbox-disabled + span {
3330
- color: rgba(0, 0, 0, 0.25);
3331
- cursor: not-allowed;
3181
+ .pandora-sdk-check-transform-list {
3182
+ display: -webkit-box;
3183
+ display: -ms-flexbox;
3184
+ display: flex;
3185
+ margin-top: 20px;
3186
+ padding-left: 5px;
3187
+ padding-right: 5px;
3332
3188
  }
3333
- .ant-checkbox-disabled:hover::after,
3334
- .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
3335
- visibility: hidden;
3189
+ .pandora-sdk-check-transform-list .pandora-sdk-check-transform-divider {
3190
+ height: auto;
3191
+ margin-left: 40px;
3192
+ margin-right: 40px;
3336
3193
  }
3337
- .ant-checkbox-wrapper {
3338
- -webkit-box-sizing: border-box;
3339
- box-sizing: border-box;
3340
- margin: 0;
3341
- padding: 0;
3342
- color: rgba(0, 0, 0, 0.85);
3343
- font-size: 14px;
3344
- font-variant: tabular-nums;
3345
- line-height: 1.5715;
3346
- list-style: none;
3347
- -webkit-font-feature-settings: 'tnum';
3348
- font-feature-settings: 'tnum';
3349
- display: -webkit-inline-box;
3350
- display: -ms-inline-flexbox;
3351
- display: inline-flex;
3352
- -webkit-box-align: baseline;
3353
- -ms-flex-align: baseline;
3354
- align-items: baseline;
3355
- line-height: unset;
3356
- cursor: pointer;
3194
+ .pandora-sdk-check-transform {
3195
+ -webkit-box-flex: 1;
3196
+ -ms-flex: 1;
3197
+ flex: 1;
3357
3198
  }
3358
- .ant-checkbox-wrapper::after {
3359
- display: inline-block;
3360
- width: 0;
3361
- overflow: hidden;
3362
- content: '\a0';
3199
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-header {
3200
+ margin-bottom: 10px;
3363
3201
  }
3364
- .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
3365
- cursor: not-allowed;
3202
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-search {
3203
+ width: 100%;
3204
+ height: 40px;
3205
+ margin-bottom: 10px;
3366
3206
  }
3367
- .ant-checkbox-wrapper + .ant-checkbox-wrapper {
3368
- margin-left: 8px;
3207
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox {
3208
+ line-height: 40px;
3369
3209
  }
3370
- .ant-checkbox + span {
3371
- padding-right: 8px;
3372
- padding-left: 8px;
3210
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
3211
+ line-height: 40px;
3373
3212
  }
3374
- .ant-checkbox-group {
3213
+ .ant-card {
3375
3214
  -webkit-box-sizing: border-box;
3376
3215
  box-sizing: border-box;
3377
3216
  margin: 0;
@@ -3383,825 +3222,985 @@ a.ant-btn-sm {
3383
3222
  list-style: none;
3384
3223
  -webkit-font-feature-settings: 'tnum';
3385
3224
  font-feature-settings: 'tnum';
3386
- display: inline-block;
3387
- }
3388
- .ant-checkbox-group-item {
3389
- margin-right: 8px;
3390
- }
3391
- .ant-checkbox-group-item:last-child {
3392
- margin-right: 0;
3393
- }
3394
- .ant-checkbox-group-item + .ant-checkbox-group-item {
3395
- margin-left: 0;
3396
- }
3397
- .ant-checkbox-indeterminate .ant-checkbox-inner {
3398
- background-color: #fff;
3399
- border-color: #d9d9d9;
3400
- }
3401
- .ant-checkbox-indeterminate .ant-checkbox-inner::after {
3402
- top: 50%;
3403
- left: 50%;
3404
- width: 8px;
3405
- height: 8px;
3406
- background-color: #1890ff;
3407
- border: 0;
3408
- -webkit-transform: translate(-50%, -50%) scale(1);
3409
- transform: translate(-50%, -50%) scale(1);
3410
- opacity: 1;
3411
- content: ' ';
3412
- }
3413
- .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
3414
- background-color: rgba(0, 0, 0, 0.25);
3415
- border-color: rgba(0, 0, 0, 0.25);
3225
+ position: relative;
3226
+ background: #fff;
3227
+ border-radius: 2px;
3416
3228
  }
3417
- .ant-checkbox-rtl {
3229
+ .ant-card-rtl {
3418
3230
  direction: rtl;
3419
3231
  }
3420
- .ant-checkbox-group-rtl .ant-checkbox-group-item {
3421
- margin-right: 0;
3422
- margin-left: 8px;
3232
+ .ant-card-hoverable {
3233
+ cursor: pointer;
3234
+ -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
3235
+ transition: border-color 0.3s, -webkit-box-shadow 0.3s;
3236
+ transition: box-shadow 0.3s, border-color 0.3s;
3237
+ transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
3423
3238
  }
3424
- .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
3425
- margin-left: 0 !important;
3239
+ .ant-card-hoverable:hover {
3240
+ border-color: transparent;
3241
+ -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
3242
+ box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
3426
3243
  }
3427
- .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
3428
- margin-left: 8px;
3244
+ .ant-card-bordered {
3245
+ border: 1px solid #f0f0f0;
3429
3246
  }
3430
- .ant-input-affix-wrapper {
3431
- position: relative;
3432
- display: inline-block;
3433
- width: 100%;
3434
- min-width: 0;
3435
- padding: 4px 11px;
3247
+ .ant-card-head {
3248
+ min-height: 48px;
3249
+ margin-bottom: -1px;
3250
+ padding: 0 24px;
3436
3251
  color: rgba(0, 0, 0, 0.85);
3437
- font-size: 14px;
3438
- line-height: 1.5715;
3439
- background-color: #fff;
3440
- background-image: none;
3441
- border: 1px solid #d9d9d9;
3442
- border-radius: 2px;
3443
- -webkit-transition: all 0.3s;
3444
- transition: all 0.3s;
3445
- display: -webkit-inline-box;
3446
- display: -ms-inline-flexbox;
3447
- display: inline-flex;
3448
- }
3449
- .ant-input-affix-wrapper::-moz-placeholder {
3450
- opacity: 1;
3252
+ font-weight: 500;
3253
+ font-size: 16px;
3254
+ background: transparent;
3255
+ border-bottom: 1px solid #f0f0f0;
3256
+ border-radius: 2px 2px 0 0;
3451
3257
  }
3452
- .ant-input-affix-wrapper::-webkit-input-placeholder {
3453
- color: #bfbfbf;
3258
+ .ant-card-head::before {
3259
+ display: table;
3260
+ content: '';
3454
3261
  }
3455
- .ant-input-affix-wrapper::-ms-input-placeholder {
3456
- color: #bfbfbf;
3262
+ .ant-card-head::after {
3263
+ display: table;
3264
+ clear: both;
3265
+ content: '';
3457
3266
  }
3458
- .ant-input-affix-wrapper::placeholder {
3459
- color: #bfbfbf;
3267
+ .ant-card-head-wrapper {
3268
+ display: -webkit-box;
3269
+ display: -ms-flexbox;
3270
+ display: flex;
3271
+ -webkit-box-align: center;
3272
+ -ms-flex-align: center;
3273
+ align-items: center;
3460
3274
  }
3461
- .ant-input-affix-wrapper:placeholder-shown {
3275
+ .ant-card-head-title {
3276
+ display: inline-block;
3277
+ -webkit-box-flex: 1;
3278
+ -ms-flex: 1;
3279
+ flex: 1;
3280
+ padding: 16px 0;
3281
+ overflow: hidden;
3282
+ white-space: nowrap;
3462
3283
  text-overflow: ellipsis;
3463
3284
  }
3464
- .ant-input-affix-wrapper:hover {
3465
- border-color: #40a9ff;
3466
- border-right-width: 1px !important;
3467
- }
3468
- .ant-input-rtl .ant-input-affix-wrapper:hover {
3469
- border-right-width: 0;
3470
- border-left-width: 1px !important;
3471
- }
3472
- .ant-input-affix-wrapper:focus,
3473
- .ant-input-affix-wrapper-focused {
3474
- border-color: #40a9ff;
3475
- border-right-width: 1px !important;
3476
- outline: 0;
3477
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3478
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3285
+ .ant-card-head-title > .ant-typography,
3286
+ .ant-card-head-title > .ant-typography-edit-content {
3287
+ left: 0;
3288
+ margin-top: 0;
3289
+ margin-bottom: 0;
3479
3290
  }
3480
- .ant-input-rtl .ant-input-affix-wrapper:focus,
3481
- .ant-input-rtl .ant-input-affix-wrapper-focused {
3482
- border-right-width: 0;
3483
- border-left-width: 1px !important;
3291
+ .ant-card-head .ant-tabs {
3292
+ clear: both;
3293
+ margin-bottom: -17px;
3294
+ color: rgba(0, 0, 0, 0.85);
3295
+ font-weight: normal;
3296
+ font-size: 14px;
3484
3297
  }
3485
- .ant-input-affix-wrapper-disabled {
3486
- color: rgba(0, 0, 0, 0.25);
3487
- background-color: #f5f5f5;
3488
- cursor: not-allowed;
3489
- opacity: 1;
3298
+ .ant-card-head .ant-tabs-bar {
3299
+ border-bottom: 1px solid #f0f0f0;
3490
3300
  }
3491
- .ant-input-affix-wrapper-disabled:hover {
3492
- border-color: #d9d9d9;
3493
- border-right-width: 1px !important;
3301
+ .ant-card-extra {
3302
+ float: right;
3303
+ margin-left: auto;
3304
+ padding: 16px 0;
3305
+ color: rgba(0, 0, 0, 0.85);
3306
+ font-weight: normal;
3307
+ font-size: 14px;
3494
3308
  }
3495
- .ant-input-affix-wrapper[disabled] {
3496
- color: rgba(0, 0, 0, 0.25);
3497
- background-color: #f5f5f5;
3498
- cursor: not-allowed;
3499
- opacity: 1;
3309
+ .ant-card-rtl .ant-card-extra {
3310
+ margin-right: auto;
3311
+ margin-left: 0;
3500
3312
  }
3501
- .ant-input-affix-wrapper[disabled]:hover {
3502
- border-color: #d9d9d9;
3503
- border-right-width: 1px !important;
3313
+ .ant-card-body {
3314
+ padding: 24px;
3504
3315
  }
3505
- .ant-input-affix-wrapper-borderless,
3506
- .ant-input-affix-wrapper-borderless:hover,
3507
- .ant-input-affix-wrapper-borderless:focus,
3508
- .ant-input-affix-wrapper-borderless-focused,
3509
- .ant-input-affix-wrapper-borderless-disabled,
3510
- .ant-input-affix-wrapper-borderless[disabled] {
3511
- background-color: transparent;
3512
- border: none;
3513
- -webkit-box-shadow: none;
3514
- box-shadow: none;
3316
+ .ant-card-body::before {
3317
+ display: table;
3318
+ content: '';
3515
3319
  }
3516
- textarea.ant-input-affix-wrapper {
3517
- max-width: 100%;
3518
- height: auto;
3519
- min-height: 32px;
3520
- line-height: 1.5715;
3521
- vertical-align: bottom;
3522
- -webkit-transition: all 0.3s, height 0s;
3523
- transition: all 0.3s, height 0s;
3320
+ .ant-card-body::after {
3321
+ display: table;
3322
+ clear: both;
3323
+ content: '';
3524
3324
  }
3525
- .ant-input-affix-wrapper-lg {
3526
- padding: 6.5px 11px;
3527
- font-size: 16px;
3325
+ .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
3326
+ margin: -1px 0 0 -1px;
3327
+ padding: 0;
3528
3328
  }
3529
- .ant-input-affix-wrapper-sm {
3530
- padding: 0px 7px;
3329
+ .ant-card-grid {
3330
+ float: left;
3331
+ width: 33.33%;
3332
+ padding: 24px;
3333
+ border: 0;
3334
+ border-radius: 0;
3335
+ -webkit-box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
3336
+ box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
3337
+ -webkit-transition: all 0.3s;
3338
+ transition: all 0.3s;
3531
3339
  }
3532
- .ant-input-affix-wrapper-rtl {
3533
- direction: rtl;
3340
+ .ant-card-rtl .ant-card-grid {
3341
+ float: right;
3534
3342
  }
3535
- .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
3536
- border-color: #40a9ff;
3537
- border-right-width: 1px !important;
3343
+ .ant-card-grid-hoverable:hover {
3344
+ position: relative;
3538
3345
  z-index: 1;
3346
+ -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
3347
+ box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
3539
3348
  }
3540
- .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
3541
- border-right-width: 0;
3542
- border-left-width: 1px !important;
3349
+ .ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
3350
+ min-height: 32px;
3351
+ padding-bottom: 0;
3543
3352
  }
3544
- .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
3545
- z-index: 0;
3353
+ .ant-card-contain-tabs > .ant-card-head .ant-card-extra {
3354
+ padding-bottom: 0;
3546
3355
  }
3547
- .ant-input-affix-wrapper-focused,
3548
- .ant-input-affix-wrapper:focus {
3549
- z-index: 1;
3356
+ .ant-card-bordered .ant-card-cover {
3357
+ margin-top: -1px;
3358
+ margin-right: -1px;
3359
+ margin-left: -1px;
3550
3360
  }
3551
- .ant-input-affix-wrapper-disabled .ant-input[disabled] {
3552
- background: transparent;
3361
+ .ant-card-cover > * {
3362
+ display: block;
3363
+ width: 100%;
3553
3364
  }
3554
- .ant-input-affix-wrapper > input.ant-input {
3555
- padding: 0;
3556
- border: none;
3557
- outline: none;
3365
+ .ant-card-cover img {
3366
+ border-radius: 2px 2px 0 0;
3558
3367
  }
3559
- .ant-input-affix-wrapper > input.ant-input:focus {
3560
- -webkit-box-shadow: none;
3561
- box-shadow: none;
3368
+ .ant-card-actions {
3369
+ margin: 0;
3370
+ padding: 0;
3371
+ list-style: none;
3372
+ background: #fff;
3373
+ border-top: 1px solid #f0f0f0;
3562
3374
  }
3563
- .ant-input-affix-wrapper::before {
3564
- width: 0;
3565
- visibility: hidden;
3566
- content: '\a0';
3375
+ .ant-card-actions::before {
3376
+ display: table;
3377
+ content: '';
3567
3378
  }
3568
- .ant-input-prefix,
3569
- .ant-input-suffix {
3570
- display: -webkit-box;
3571
- display: -ms-flexbox;
3572
- display: flex;
3573
- -webkit-box-flex: 0;
3574
- -ms-flex: none;
3575
- flex: none;
3576
- -webkit-box-align: center;
3577
- -ms-flex-align: center;
3578
- align-items: center;
3379
+ .ant-card-actions::after {
3380
+ display: table;
3381
+ clear: both;
3382
+ content: '';
3579
3383
  }
3580
- .ant-input-prefix {
3581
- margin-right: 4px;
3384
+ .ant-card-actions > li {
3385
+ float: left;
3386
+ margin: 12px 0;
3387
+ color: rgba(0, 0, 0, 0.45);
3388
+ text-align: center;
3582
3389
  }
3583
- .ant-input-suffix {
3584
- margin-left: 4px;
3390
+ .ant-card-rtl .ant-card-actions > li {
3391
+ float: right;
3585
3392
  }
3586
- .ant-input-clear-icon {
3587
- margin: 0 4px;
3588
- color: rgba(0, 0, 0, 0.25);
3589
- font-size: 12px;
3590
- vertical-align: -1px;
3393
+ .ant-card-actions > li > span {
3394
+ position: relative;
3395
+ display: block;
3396
+ min-width: 32px;
3397
+ font-size: 14px;
3398
+ line-height: 1.5715;
3591
3399
  cursor: pointer;
3400
+ }
3401
+ .ant-card-actions > li > span:hover {
3402
+ color: #1890ff;
3592
3403
  -webkit-transition: color 0.3s;
3593
3404
  transition: color 0.3s;
3594
3405
  }
3595
- .ant-input-clear-icon:hover {
3406
+ .ant-card-actions > li > span a:not(.ant-btn),
3407
+ .ant-card-actions > li > span > .anticon {
3408
+ display: inline-block;
3409
+ width: 100%;
3596
3410
  color: rgba(0, 0, 0, 0.45);
3411
+ line-height: 22px;
3412
+ -webkit-transition: color 0.3s;
3413
+ transition: color 0.3s;
3597
3414
  }
3598
- .ant-input-clear-icon:active {
3599
- color: rgba(0, 0, 0, 0.85);
3415
+ .ant-card-actions > li > span a:not(.ant-btn):hover,
3416
+ .ant-card-actions > li > span > .anticon:hover {
3417
+ color: #1890ff;
3600
3418
  }
3601
- .ant-input-clear-icon-hidden {
3602
- visibility: hidden;
3419
+ .ant-card-actions > li > span > .anticon {
3420
+ font-size: 16px;
3421
+ line-height: 22px;
3603
3422
  }
3604
- .ant-input-clear-icon:last-child {
3605
- margin-right: 0;
3423
+ .ant-card-actions > li:not(:last-child) {
3424
+ border-right: 1px solid #f0f0f0;
3606
3425
  }
3607
- .ant-input-affix-wrapper-textarea-with-clear-btn {
3608
- padding: 0 !important;
3609
- border: 0 !important;
3426
+ .ant-card-rtl .ant-card-actions > li:not(:last-child) {
3427
+ border-right: none;
3428
+ border-left: 1px solid #f0f0f0;
3610
3429
  }
3611
- .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
3612
- position: absolute;
3613
- top: 8px;
3614
- right: 8px;
3615
- z-index: 1;
3430
+ .ant-card-type-inner .ant-card-head {
3431
+ padding: 0 24px;
3432
+ background: #fafafa;
3616
3433
  }
3617
- .ant-input {
3618
- -webkit-box-sizing: border-box;
3619
- box-sizing: border-box;
3620
- margin: 0;
3621
- padding: 0;
3622
- font-variant: tabular-nums;
3623
- list-style: none;
3624
- -webkit-font-feature-settings: 'tnum';
3625
- font-feature-settings: 'tnum';
3626
- position: relative;
3627
- display: inline-block;
3628
- width: 100%;
3629
- min-width: 0;
3630
- padding: 4px 11px;
3631
- color: rgba(0, 0, 0, 0.85);
3434
+ .ant-card-type-inner .ant-card-head-title {
3435
+ padding: 12px 0;
3632
3436
  font-size: 14px;
3633
- line-height: 1.5715;
3634
- background-color: #fff;
3635
- background-image: none;
3636
- border: 1px solid #d9d9d9;
3637
- border-radius: 2px;
3638
- -webkit-transition: all 0.3s;
3639
- transition: all 0.3s;
3640
3437
  }
3641
- .ant-input::-moz-placeholder {
3642
- opacity: 1;
3438
+ .ant-card-type-inner .ant-card-body {
3439
+ padding: 16px 24px;
3643
3440
  }
3644
- .ant-input::-webkit-input-placeholder {
3645
- color: #bfbfbf;
3441
+ .ant-card-type-inner .ant-card-extra {
3442
+ padding: 13.5px 0;
3646
3443
  }
3647
- .ant-input::-ms-input-placeholder {
3648
- color: #bfbfbf;
3444
+ .ant-card-meta {
3445
+ margin: -4px 0;
3649
3446
  }
3650
- .ant-input::placeholder {
3651
- color: #bfbfbf;
3447
+ .ant-card-meta::before {
3448
+ display: table;
3449
+ content: '';
3652
3450
  }
3653
- .ant-input:placeholder-shown {
3451
+ .ant-card-meta::after {
3452
+ display: table;
3453
+ clear: both;
3454
+ content: '';
3455
+ }
3456
+ .ant-card-meta-avatar {
3457
+ float: left;
3458
+ padding-right: 16px;
3459
+ }
3460
+ .ant-card-rtl .ant-card-meta-avatar {
3461
+ float: right;
3462
+ padding-right: 0;
3463
+ padding-left: 16px;
3464
+ }
3465
+ .ant-card-meta-detail {
3466
+ overflow: hidden;
3467
+ }
3468
+ .ant-card-meta-detail > div:not(:last-child) {
3469
+ margin-bottom: 8px;
3470
+ }
3471
+ .ant-card-meta-title {
3472
+ overflow: hidden;
3473
+ color: rgba(0, 0, 0, 0.85);
3474
+ font-weight: 500;
3475
+ font-size: 16px;
3476
+ white-space: nowrap;
3654
3477
  text-overflow: ellipsis;
3655
3478
  }
3656
- .ant-input:hover {
3657
- border-color: #40a9ff;
3658
- border-right-width: 1px !important;
3479
+ .ant-card-meta-description {
3480
+ color: rgba(0, 0, 0, 0.45);
3659
3481
  }
3660
- .ant-input-rtl .ant-input:hover {
3661
- border-right-width: 0;
3662
- border-left-width: 1px !important;
3482
+ .ant-card-loading {
3483
+ overflow: hidden;
3663
3484
  }
3664
- .ant-input:focus,
3665
- .ant-input-focused {
3666
- border-color: #40a9ff;
3667
- border-right-width: 1px !important;
3668
- outline: 0;
3669
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3670
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3485
+ .ant-card-loading .ant-card-body {
3486
+ -webkit-user-select: none;
3487
+ -moz-user-select: none;
3488
+ -ms-user-select: none;
3489
+ user-select: none;
3490
+ }
3491
+ .ant-card-loading-content p {
3492
+ margin: 0;
3493
+ }
3494
+ .ant-card-loading-block {
3495
+ height: 14px;
3496
+ margin: 4px 0;
3497
+ background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2)));
3498
+ background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
3499
+ background-size: 600% 600%;
3500
+ border-radius: 2px;
3501
+ -webkit-animation: card-loading 1.4s ease infinite;
3502
+ animation: card-loading 1.4s ease infinite;
3671
3503
  }
3672
- .ant-input-rtl .ant-input:focus,
3673
- .ant-input-rtl .ant-input-focused {
3674
- border-right-width: 0;
3675
- border-left-width: 1px !important;
3504
+ @-webkit-keyframes card-loading {
3505
+ 0%,
3506
+ 100% {
3507
+ background-position: 0 50%;
3508
+ }
3509
+ 50% {
3510
+ background-position: 100% 50%;
3511
+ }
3676
3512
  }
3677
- .ant-input-disabled {
3678
- color: rgba(0, 0, 0, 0.25);
3679
- background-color: #f5f5f5;
3680
- cursor: not-allowed;
3681
- opacity: 1;
3513
+ @keyframes card-loading {
3514
+ 0%,
3515
+ 100% {
3516
+ background-position: 0 50%;
3517
+ }
3518
+ 50% {
3519
+ background-position: 100% 50%;
3520
+ }
3682
3521
  }
3683
- .ant-input-disabled:hover {
3684
- border-color: #d9d9d9;
3685
- border-right-width: 1px !important;
3522
+ .ant-card-small > .ant-card-head {
3523
+ min-height: 36px;
3524
+ padding: 0 12px;
3525
+ font-size: 14px;
3686
3526
  }
3687
- .ant-input[disabled] {
3688
- color: rgba(0, 0, 0, 0.25);
3689
- background-color: #f5f5f5;
3690
- cursor: not-allowed;
3691
- opacity: 1;
3527
+ .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
3528
+ padding: 8px 0;
3692
3529
  }
3693
- .ant-input[disabled]:hover {
3694
- border-color: #d9d9d9;
3695
- border-right-width: 1px !important;
3530
+ .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
3531
+ padding: 8px 0;
3532
+ font-size: 14px;
3696
3533
  }
3697
- .ant-input-borderless,
3698
- .ant-input-borderless:hover,
3699
- .ant-input-borderless:focus,
3700
- .ant-input-borderless-focused,
3701
- .ant-input-borderless-disabled,
3702
- .ant-input-borderless[disabled] {
3703
- background-color: transparent;
3704
- border: none;
3705
- -webkit-box-shadow: none;
3706
- box-shadow: none;
3534
+ .ant-card-small > .ant-card-body {
3535
+ padding: 12px;
3707
3536
  }
3708
- textarea.ant-input {
3709
- max-width: 100%;
3710
- height: auto;
3711
- min-height: 32px;
3712
- line-height: 1.5715;
3713
- vertical-align: bottom;
3714
- -webkit-transition: all 0.3s, height 0s;
3715
- transition: all 0.3s, height 0s;
3537
+ .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
3538
+ padding: 8px 0;
3539
+ font-size: 14px;
3716
3540
  }
3717
- .ant-input-lg {
3718
- padding: 6.5px 11px;
3541
+ .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
3542
+ padding: 16px 0;
3719
3543
  font-size: 16px;
3720
3544
  }
3721
- .ant-input-sm {
3722
- padding: 0px 7px;
3545
+ .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
3546
+ padding: 6px 16px;
3723
3547
  }
3724
- .ant-input-rtl {
3548
+ .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
3549
+ padding: 7px 16px 6px;
3550
+ }
3551
+ .ant-tabs-rtl {
3725
3552
  direction: rtl;
3726
3553
  }
3727
- .ant-input-group {
3728
- -webkit-box-sizing: border-box;
3729
- box-sizing: border-box;
3730
- margin: 0;
3731
- padding: 0;
3732
- color: rgba(0, 0, 0, 0.85);
3733
- font-size: 14px;
3734
- font-variant: tabular-nums;
3735
- line-height: 1.5715;
3736
- list-style: none;
3737
- -webkit-font-feature-settings: 'tnum';
3738
- font-feature-settings: 'tnum';
3739
- position: relative;
3740
- display: table;
3741
- width: 100%;
3742
- border-collapse: separate;
3743
- border-spacing: 0;
3554
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
3555
+ margin: 0 0 0 32px;
3744
3556
  }
3745
- .ant-input-group[class*='col-'] {
3746
- float: none;
3747
- padding-right: 0;
3748
- padding-left: 0;
3557
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
3558
+ margin-left: 0;
3749
3559
  }
3750
- .ant-input-group > [class*='col-'] {
3751
- padding-right: 8px;
3560
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
3561
+ margin-right: 0;
3562
+ margin-left: 12px;
3752
3563
  }
3753
- .ant-input-group > [class*='col-']:last-child {
3754
- padding-right: 0;
3564
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
3565
+ margin-right: 8px;
3566
+ margin-left: -4px;
3755
3567
  }
3756
- .ant-input-group-addon,
3757
- .ant-input-group-wrap,
3758
- .ant-input-group > .ant-input {
3759
- display: table-cell;
3568
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
3569
+ margin: 0;
3760
3570
  }
3761
- .ant-input-group-addon:not(:first-child):not(:last-child),
3762
- .ant-input-group-wrap:not(:first-child):not(:last-child),
3763
- .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
3764
- border-radius: 0;
3571
+ .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
3572
+ -webkit-box-ordinal-group: 2;
3573
+ -ms-flex-order: 1;
3574
+ order: 1;
3765
3575
  }
3766
- .ant-input-group-addon,
3767
- .ant-input-group-wrap {
3768
- width: 1px;
3769
- white-space: nowrap;
3770
- vertical-align: middle;
3576
+ .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
3577
+ -webkit-box-ordinal-group: 1;
3578
+ -ms-flex-order: 0;
3579
+ order: 0;
3771
3580
  }
3772
- .ant-input-group-wrap > * {
3773
- display: block !important;
3581
+ .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
3582
+ -webkit-box-ordinal-group: 1;
3583
+ -ms-flex-order: 0;
3584
+ order: 0;
3774
3585
  }
3775
- .ant-input-group .ant-input {
3776
- float: left;
3777
- width: 100%;
3778
- margin-bottom: 0;
3779
- text-align: inherit;
3586
+ .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
3587
+ -webkit-box-ordinal-group: 2;
3588
+ -ms-flex-order: 1;
3589
+ order: 1;
3780
3590
  }
3781
- .ant-input-group .ant-input:focus {
3782
- z-index: 1;
3783
- border-right-width: 1px;
3591
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3592
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3593
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3594
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
3595
+ margin-right: 0;
3596
+ margin-left: 2px;
3784
3597
  }
3785
- .ant-input-group .ant-input:hover {
3786
- z-index: 1;
3787
- border-right-width: 1px;
3598
+ .ant-tabs-dropdown-rtl {
3599
+ direction: rtl;
3788
3600
  }
3789
- .ant-input-search-with-button .ant-input-group .ant-input:hover {
3790
- z-index: 0;
3601
+ .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
3602
+ text-align: right;
3791
3603
  }
3792
- .ant-input-group-addon {
3793
- position: relative;
3794
- padding: 0 11px;
3795
- color: rgba(0, 0, 0, 0.85);
3796
- font-weight: normal;
3797
- font-size: 14px;
3798
- text-align: center;
3799
- background-color: #fafafa;
3800
- border: 1px solid #d9d9d9;
3801
- border-radius: 2px;
3802
- -webkit-transition: all 0.3s;
3803
- transition: all 0.3s;
3604
+ .ant-tabs-top,
3605
+ .ant-tabs-bottom {
3606
+ -webkit-box-orient: vertical;
3607
+ -webkit-box-direction: normal;
3608
+ -ms-flex-direction: column;
3609
+ flex-direction: column;
3804
3610
  }
3805
- .ant-input-group-addon .ant-select {
3806
- margin: -5px -11px;
3611
+ .ant-tabs-top > .ant-tabs-nav,
3612
+ .ant-tabs-bottom > .ant-tabs-nav,
3613
+ .ant-tabs-top > div > .ant-tabs-nav,
3614
+ .ant-tabs-bottom > div > .ant-tabs-nav {
3615
+ margin: 0 0 16px 0;
3807
3616
  }
3808
- .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
3809
- background-color: inherit;
3810
- border: 1px solid transparent;
3811
- -webkit-box-shadow: none;
3812
- box-shadow: none;
3617
+ .ant-tabs-top > .ant-tabs-nav::before,
3618
+ .ant-tabs-bottom > .ant-tabs-nav::before,
3619
+ .ant-tabs-top > div > .ant-tabs-nav::before,
3620
+ .ant-tabs-bottom > div > .ant-tabs-nav::before {
3621
+ position: absolute;
3622
+ right: 0;
3623
+ left: 0;
3624
+ border-bottom: 1px solid #f0f0f0;
3625
+ content: '';
3813
3626
  }
3814
- .ant-input-group-addon .ant-select-open .ant-select-selector,
3815
- .ant-input-group-addon .ant-select-focused .ant-select-selector {
3816
- color: #1890ff;
3627
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
3628
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
3629
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
3630
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
3631
+ height: 2px;
3817
3632
  }
3818
- .ant-input-group > .ant-input:first-child,
3819
- .ant-input-group-addon:first-child {
3820
- border-top-right-radius: 0;
3821
- border-bottom-right-radius: 0;
3633
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3634
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3635
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3636
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
3637
+ -webkit-transition: width 0.3s, left 0.3s, right 0.3s;
3638
+ transition: width 0.3s, left 0.3s, right 0.3s;
3822
3639
  }
3823
- .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
3824
- .ant-input-group-addon:first-child .ant-select .ant-select-selector {
3825
- border-top-right-radius: 0;
3826
- border-bottom-right-radius: 0;
3640
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3641
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3642
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3643
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3644
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3645
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3646
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3647
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
3648
+ top: 0;
3649
+ bottom: 0;
3650
+ width: 30px;
3827
3651
  }
3828
- .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
3829
- border-top-left-radius: 0;
3830
- border-bottom-left-radius: 0;
3652
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3653
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3654
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3655
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
3656
+ left: 0;
3657
+ -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
3658
+ box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
3831
3659
  }
3832
- .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
3833
- border-top-right-radius: 0;
3834
- border-bottom-right-radius: 0;
3660
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3661
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3662
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3663
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
3664
+ right: 0;
3665
+ -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
3666
+ box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
3835
3667
  }
3836
- .ant-input-group-addon:first-child {
3837
- border-right: 0;
3668
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
3669
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
3670
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
3671
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
3672
+ opacity: 1;
3838
3673
  }
3839
- .ant-input-group-addon:last-child {
3840
- border-left: 0;
3674
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
3675
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
3676
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
3677
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
3678
+ opacity: 1;
3841
3679
  }
3842
- .ant-input-group > .ant-input:last-child,
3843
- .ant-input-group-addon:last-child {
3844
- border-top-left-radius: 0;
3845
- border-bottom-left-radius: 0;
3680
+ .ant-tabs-top > .ant-tabs-nav::before,
3681
+ .ant-tabs-top > div > .ant-tabs-nav::before {
3682
+ bottom: 0;
3846
3683
  }
3847
- .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
3848
- .ant-input-group-addon:last-child .ant-select .ant-select-selector {
3849
- border-top-left-radius: 0;
3850
- border-bottom-left-radius: 0;
3684
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
3685
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
3686
+ bottom: 0;
3851
3687
  }
3852
- .ant-input-group-lg .ant-input,
3853
- .ant-input-group-lg > .ant-input-group-addon {
3854
- padding: 6.5px 11px;
3855
- font-size: 16px;
3688
+ .ant-tabs-bottom > .ant-tabs-nav,
3689
+ .ant-tabs-bottom > div > .ant-tabs-nav {
3690
+ -webkit-box-ordinal-group: 2;
3691
+ -ms-flex-order: 1;
3692
+ order: 1;
3693
+ margin-top: 16px;
3694
+ margin-bottom: 0;
3856
3695
  }
3857
- .ant-input-group-sm .ant-input,
3858
- .ant-input-group-sm > .ant-input-group-addon {
3859
- padding: 0px 7px;
3696
+ .ant-tabs-bottom > .ant-tabs-nav::before,
3697
+ .ant-tabs-bottom > div > .ant-tabs-nav::before {
3698
+ top: 0;
3860
3699
  }
3861
- .ant-input-group-lg .ant-select-single .ant-select-selector {
3862
- height: 40px;
3700
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
3701
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
3702
+ top: 0;
3863
3703
  }
3864
- .ant-input-group-sm .ant-select-single .ant-select-selector {
3865
- height: 24px;
3704
+ .ant-tabs-bottom > .ant-tabs-content-holder,
3705
+ .ant-tabs-bottom > div > .ant-tabs-content-holder {
3706
+ -webkit-box-ordinal-group: 1;
3707
+ -ms-flex-order: 0;
3708
+ order: 0;
3866
3709
  }
3867
- .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
3868
- border-top-left-radius: 0;
3869
- border-bottom-left-radius: 0;
3710
+ .ant-tabs-left > .ant-tabs-nav,
3711
+ .ant-tabs-right > .ant-tabs-nav,
3712
+ .ant-tabs-left > div > .ant-tabs-nav,
3713
+ .ant-tabs-right > div > .ant-tabs-nav {
3714
+ -webkit-box-orient: vertical;
3715
+ -webkit-box-direction: normal;
3716
+ -ms-flex-direction: column;
3717
+ flex-direction: column;
3718
+ min-width: 50px;
3870
3719
  }
3871
- .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
3872
- border-top-right-radius: 0;
3873
- border-bottom-right-radius: 0;
3720
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
3721
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
3722
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
3723
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
3724
+ padding: 8px 24px;
3725
+ text-align: center;
3874
3726
  }
3875
- .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
3876
- border-top-left-radius: 2px;
3877
- border-bottom-left-radius: 2px;
3727
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3728
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3729
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3730
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
3731
+ margin: 16px 0 0 0;
3878
3732
  }
3879
- .ant-input-group.ant-input-group-compact {
3880
- display: block;
3733
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
3734
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
3735
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
3736
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
3737
+ -webkit-box-orient: vertical;
3738
+ -webkit-box-direction: normal;
3739
+ -ms-flex-direction: column;
3740
+ flex-direction: column;
3881
3741
  }
3882
- .ant-input-group.ant-input-group-compact::before {
3883
- display: table;
3884
- content: '';
3742
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3743
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3744
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3745
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3746
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3747
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3748
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3749
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
3750
+ right: 0;
3751
+ left: 0;
3752
+ height: 30px;
3885
3753
  }
3886
- .ant-input-group.ant-input-group-compact::after {
3887
- display: table;
3888
- clear: both;
3889
- content: '';
3754
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3755
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3756
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3757
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
3758
+ top: 0;
3759
+ -webkit-box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
3760
+ box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
3890
3761
  }
3891
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
3892
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
3893
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
3894
- border-right-width: 1px;
3762
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3763
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3764
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3765
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
3766
+ bottom: 0;
3767
+ -webkit-box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
3768
+ box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
3895
3769
  }
3896
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
3897
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
3898
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
3899
- z-index: 1;
3770
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
3771
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
3772
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
3773
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
3774
+ opacity: 1;
3900
3775
  }
3901
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
3902
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
3903
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
3904
- z-index: 1;
3776
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
3777
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
3778
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
3779
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
3780
+ opacity: 1;
3905
3781
  }
3906
- .ant-input-group.ant-input-group-compact > * {
3907
- display: inline-block;
3908
- float: none;
3909
- vertical-align: top;
3910
- border-radius: 0;
3782
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
3783
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
3784
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
3785
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
3786
+ width: 2px;
3911
3787
  }
3912
- .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
3913
- display: -webkit-inline-box;
3914
- display: -ms-inline-flexbox;
3915
- display: inline-flex;
3788
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3789
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3790
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3791
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
3792
+ -webkit-transition: height 0.3s, top 0.3s;
3793
+ transition: height 0.3s, top 0.3s;
3916
3794
  }
3917
- .ant-input-group.ant-input-group-compact > .ant-picker-range {
3918
- display: -webkit-inline-box;
3919
- display: -ms-inline-flexbox;
3920
- display: inline-flex;
3795
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
3796
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
3797
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
3798
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
3799
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
3800
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
3801
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
3802
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
3803
+ -webkit-box-flex: 1;
3804
+ -ms-flex: 1 0 auto;
3805
+ flex: 1 0 auto;
3806
+ -webkit-box-orient: vertical;
3807
+ -webkit-box-direction: normal;
3808
+ -ms-flex-direction: column;
3809
+ flex-direction: column;
3921
3810
  }
3922
- .ant-input-group.ant-input-group-compact > *:not(:last-child) {
3923
- margin-right: -1px;
3924
- border-right-width: 1px;
3811
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
3812
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
3813
+ right: 0;
3925
3814
  }
3926
- .ant-input-group.ant-input-group-compact .ant-input {
3927
- float: none;
3815
+ .ant-tabs-left > .ant-tabs-content-holder,
3816
+ .ant-tabs-left > div > .ant-tabs-content-holder {
3817
+ margin-left: -1px;
3818
+ border-left: 1px solid #f0f0f0;
3928
3819
  }
3929
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
3930
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
3931
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
3932
- .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
3933
- border-right-width: 1px;
3934
- border-radius: 0;
3820
+ .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
3821
+ .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
3822
+ padding-left: 24px;
3935
3823
  }
3936
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
3937
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
3938
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
3939
- .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
3940
- z-index: 1;
3824
+ .ant-tabs-right > .ant-tabs-nav,
3825
+ .ant-tabs-right > div > .ant-tabs-nav {
3826
+ -webkit-box-ordinal-group: 2;
3827
+ -ms-flex-order: 1;
3828
+ order: 1;
3941
3829
  }
3942
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
3943
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
3944
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
3945
- .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
3946
- z-index: 1;
3830
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
3831
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
3832
+ left: 0;
3947
3833
  }
3948
- .ant-input-group.ant-input-group-compact > .ant-select-focused {
3949
- z-index: 1;
3834
+ .ant-tabs-right > .ant-tabs-content-holder,
3835
+ .ant-tabs-right > div > .ant-tabs-content-holder {
3836
+ -webkit-box-ordinal-group: 1;
3837
+ -ms-flex-order: 0;
3838
+ order: 0;
3839
+ margin-right: -1px;
3840
+ border-right: 1px solid #f0f0f0;
3950
3841
  }
3951
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
3952
- z-index: 1;
3842
+ .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
3843
+ .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
3844
+ padding-right: 24px;
3953
3845
  }
3954
- .ant-input-group.ant-input-group-compact > *:first-child,
3955
- .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
3956
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
3957
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
3958
- border-top-left-radius: 2px;
3959
- border-bottom-left-radius: 2px;
3846
+ .ant-tabs-dropdown {
3847
+ -webkit-box-sizing: border-box;
3848
+ box-sizing: border-box;
3849
+ margin: 0;
3850
+ padding: 0;
3851
+ color: rgba(0, 0, 0, 0.85);
3852
+ font-size: 14px;
3853
+ font-variant: tabular-nums;
3854
+ line-height: 1.5715;
3855
+ list-style: none;
3856
+ -webkit-font-feature-settings: 'tnum';
3857
+ font-feature-settings: 'tnum';
3858
+ position: absolute;
3859
+ top: -9999px;
3860
+ left: -9999px;
3861
+ z-index: 1050;
3862
+ display: block;
3960
3863
  }
3961
- .ant-input-group.ant-input-group-compact > *:last-child,
3962
- .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
3963
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
3964
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
3965
- border-right-width: 1px;
3966
- border-top-right-radius: 2px;
3967
- border-bottom-right-radius: 2px;
3864
+ .ant-tabs-dropdown-hidden {
3865
+ display: none;
3968
3866
  }
3969
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
3970
- vertical-align: top;
3867
+ .ant-tabs-dropdown-menu {
3868
+ max-height: 200px;
3869
+ margin: 0;
3870
+ padding: 4px 0;
3871
+ overflow-x: hidden;
3872
+ overflow-y: auto;
3873
+ text-align: left;
3874
+ list-style-type: none;
3875
+ background-color: #fff;
3876
+ background-clip: padding-box;
3877
+ border-radius: 2px;
3878
+ outline: none;
3879
+ -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
3880
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
3971
3881
  }
3972
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
3973
- margin-left: -1px;
3882
+ .ant-tabs-dropdown-menu-item {
3883
+ min-width: 120px;
3884
+ margin: 0;
3885
+ padding: 5px 12px;
3886
+ overflow: hidden;
3887
+ color: rgba(0, 0, 0, 0.85);
3888
+ font-weight: normal;
3889
+ font-size: 14px;
3890
+ line-height: 22px;
3891
+ white-space: nowrap;
3892
+ text-overflow: ellipsis;
3893
+ cursor: pointer;
3894
+ -webkit-transition: all 0.3s;
3895
+ transition: all 0.3s;
3974
3896
  }
3975
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
3976
- border-radius: 0;
3897
+ .ant-tabs-dropdown-menu-item:hover {
3898
+ background: #f5f5f5;
3977
3899
  }
3978
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
3979
- border-radius: 0;
3900
+ .ant-tabs-dropdown-menu-item-disabled,
3901
+ .ant-tabs-dropdown-menu-item-disabled:hover {
3902
+ color: rgba(0, 0, 0, 0.25);
3903
+ background: transparent;
3904
+ cursor: not-allowed;
3980
3905
  }
3981
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
3982
- border-radius: 2px 0 0 2px;
3906
+ .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
3907
+ .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
3908
+ margin: 0;
3909
+ padding: 8px 16px;
3910
+ background: #fafafa;
3911
+ border: 1px solid #f0f0f0;
3912
+ -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
3913
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
3983
3914
  }
3984
- .ant-input-group > .ant-input-rtl:first-child,
3985
- .ant-input-group-rtl .ant-input-group-addon:first-child {
3986
- border-radius: 0 2px 2px 0;
3915
+ .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
3916
+ .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
3917
+ color: #1890ff;
3918
+ background: #fff;
3987
3919
  }
3988
- .ant-input-group-rtl .ant-input-group-addon:first-child {
3989
- border-right: 1px solid #d9d9d9;
3990
- border-left: 0;
3920
+ .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
3921
+ .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
3922
+ visibility: hidden;
3991
3923
  }
3992
- .ant-input-group-rtl .ant-input-group-addon:last-child {
3993
- border-right: 0;
3994
- border-left: 1px solid #d9d9d9;
3924
+ .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3925
+ .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3926
+ .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3927
+ .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
3928
+ margin-left: 2px;
3995
3929
  }
3996
- .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
3997
- .ant-input-group-rtl.ant-input-group-addon:last-child {
3998
- border-radius: 2px 0 0 2px;
3930
+ .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
3931
+ .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
3932
+ border-radius: 2px 2px 0 0;
3999
3933
  }
4000
- .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
4001
- border-radius: 2px 0 0 2px;
3934
+ .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
3935
+ .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
3936
+ border-bottom-color: #fff;
4002
3937
  }
4003
- .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
4004
- border-radius: 0 2px 2px 0;
3938
+ .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
3939
+ .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
3940
+ border-radius: 0 0 2px 2px;
4005
3941
  }
4006
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
4007
- margin-right: 0;
4008
- margin-left: -1px;
4009
- border-left-width: 1px;
3942
+ .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
3943
+ .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
3944
+ border-top-color: #fff;
4010
3945
  }
4011
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
4012
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
4013
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
4014
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
4015
- border-radius: 0 2px 2px 0;
3946
+ .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3947
+ .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3948
+ .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3949
+ .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
3950
+ margin-top: 2px;
4016
3951
  }
4017
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
4018
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
4019
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
4020
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
4021
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
4022
- border-left-width: 1px;
3952
+ .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
3953
+ .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
4023
3954
  border-radius: 2px 0 0 2px;
4024
3955
  }
4025
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
4026
- margin-right: -1px;
4027
- margin-left: 0;
3956
+ .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
3957
+ .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
3958
+ border-right-color: #fff;
4028
3959
  }
4029
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
3960
+ .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
3961
+ .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
4030
3962
  border-radius: 0 2px 2px 0;
4031
3963
  }
4032
- .ant-input-group-wrapper {
4033
- display: inline-block;
4034
- width: 100%;
4035
- text-align: start;
4036
- vertical-align: top;
4037
- }
4038
- .ant-input-password-icon {
4039
- color: rgba(0, 0, 0, 0.45);
4040
- cursor: pointer;
4041
- -webkit-transition: all 0.3s;
4042
- transition: all 0.3s;
3964
+ .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
3965
+ .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
3966
+ border-left-color: #fff;
4043
3967
  }
4044
- .ant-input-password-icon:hover {
3968
+ .ant-tabs {
3969
+ -webkit-box-sizing: border-box;
3970
+ box-sizing: border-box;
3971
+ margin: 0;
3972
+ padding: 0;
4045
3973
  color: rgba(0, 0, 0, 0.85);
3974
+ font-size: 14px;
3975
+ font-variant: tabular-nums;
3976
+ line-height: 1.5715;
3977
+ list-style: none;
3978
+ -webkit-font-feature-settings: 'tnum';
3979
+ font-feature-settings: 'tnum';
3980
+ display: -webkit-box;
3981
+ display: -ms-flexbox;
3982
+ display: flex;
3983
+ overflow: hidden;
4046
3984
  }
4047
- .ant-input[type='color'] {
4048
- height: 32px;
4049
- }
4050
- .ant-input[type='color'].ant-input-lg {
4051
- height: 40px;
4052
- }
4053
- .ant-input[type='color'].ant-input-sm {
4054
- height: 24px;
4055
- padding-top: 3px;
4056
- padding-bottom: 3px;
3985
+ .ant-tabs > .ant-tabs-nav,
3986
+ .ant-tabs > div > .ant-tabs-nav {
3987
+ position: relative;
3988
+ display: -webkit-box;
3989
+ display: -ms-flexbox;
3990
+ display: flex;
3991
+ -webkit-box-flex: 0;
3992
+ -ms-flex: none;
3993
+ flex: none;
3994
+ -webkit-box-align: center;
3995
+ -ms-flex-align: center;
3996
+ align-items: center;
4057
3997
  }
4058
- .ant-input-textarea-show-count::after {
4059
- float: right;
4060
- color: rgba(0, 0, 0, 0.45);
3998
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
3999
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
4000
+ position: relative;
4001
+ display: inline-block;
4002
+ display: -webkit-box;
4003
+ display: -ms-flexbox;
4004
+ display: flex;
4005
+ -webkit-box-flex: 1;
4006
+ -ms-flex: auto;
4007
+ flex: auto;
4008
+ -ms-flex-item-align: stretch;
4009
+ align-self: stretch;
4010
+ overflow: hidden;
4061
4011
  white-space: nowrap;
4062
- content: attr(data-count);
4063
- pointer-events: none;
4012
+ -webkit-transform: translate(0);
4013
+ transform: translate(0);
4064
4014
  }
4065
- .ant-input-search .ant-input:hover,
4066
- .ant-input-search .ant-input:focus {
4067
- border-color: #40a9ff;
4015
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
4016
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
4017
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
4018
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
4019
+ position: absolute;
4020
+ z-index: 1;
4021
+ opacity: 0;
4022
+ -webkit-transition: opacity 0.3s;
4023
+ transition: opacity 0.3s;
4024
+ content: '';
4025
+ pointer-events: none;
4068
4026
  }
4069
- .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
4070
- .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
4071
- border-left-color: #40a9ff;
4027
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
4028
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
4029
+ position: relative;
4030
+ display: -webkit-box;
4031
+ display: -ms-flexbox;
4032
+ display: flex;
4033
+ -webkit-transition: -webkit-transform 0.3s;
4034
+ transition: -webkit-transform 0.3s;
4035
+ transition: transform 0.3s;
4036
+ transition: transform 0.3s, -webkit-transform 0.3s;
4072
4037
  }
4073
- .ant-input-search .ant-input-affix-wrapper {
4074
- border-radius: 0;
4038
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
4039
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
4040
+ display: -webkit-box;
4041
+ display: -ms-flexbox;
4042
+ display: flex;
4043
+ -ms-flex-item-align: stretch;
4044
+ align-self: stretch;
4075
4045
  }
4076
- .ant-input-search .ant-input-lg {
4077
- line-height: 1.5713;
4046
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
4047
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
4048
+ position: absolute;
4049
+ visibility: hidden;
4050
+ pointer-events: none;
4078
4051
  }
4079
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
4080
- left: -1px;
4081
- padding: 0;
4052
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
4053
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
4054
+ position: relative;
4055
+ padding: 8px 16px;
4056
+ background: transparent;
4082
4057
  border: 0;
4083
4058
  }
4084
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
4085
- padding-top: 0;
4086
- padding-bottom: 0;
4087
- border-radius: 0 2px 2px 0;
4088
- }
4089
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
4090
- color: rgba(0, 0, 0, 0.45);
4091
- }
4092
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
4093
- top: 0;
4059
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
4060
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
4061
+ position: absolute;
4094
4062
  right: 0;
4095
4063
  bottom: 0;
4096
4064
  left: 0;
4065
+ height: 5px;
4066
+ -webkit-transform: translateY(100%);
4067
+ transform: translateY(100%);
4068
+ content: '';
4097
4069
  }
4098
- .ant-input-search-button {
4099
- height: 32px;
4070
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
4071
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
4072
+ min-width: 40px;
4073
+ padding: 0 8px;
4074
+ background: #fafafa;
4075
+ border: 1px solid #f0f0f0;
4076
+ border-radius: 2px 2px 0 0;
4077
+ outline: none;
4078
+ cursor: pointer;
4079
+ -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
4080
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
4100
4081
  }
4101
- .ant-input-search-button:hover,
4102
- .ant-input-search-button:focus {
4103
- z-index: 1;
4082
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
4083
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
4084
+ color: #40a9ff;
4104
4085
  }
4105
- .ant-input-search-large .ant-input-search-button {
4106
- height: 40px;
4086
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
4087
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
4088
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
4089
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
4090
+ color: #096dd9;
4107
4091
  }
4108
- .ant-input-search-small .ant-input-search-button {
4109
- height: 24px;
4092
+ .ant-tabs-extra-content {
4093
+ -webkit-box-flex: 0;
4094
+ -ms-flex: none;
4095
+ flex: none;
4110
4096
  }
4111
- .ant-input-group-wrapper-rtl {
4112
- direction: rtl;
4097
+ .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
4098
+ .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
4099
+ -webkit-box-pack: center;
4100
+ -ms-flex-pack: center;
4101
+ justify-content: center;
4113
4102
  }
4114
- .ant-input-group-rtl {
4115
- direction: rtl;
4103
+ .ant-tabs-ink-bar {
4104
+ position: absolute;
4105
+ background: #1890ff;
4106
+ pointer-events: none;
4116
4107
  }
4117
- .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
4118
- border: none;
4108
+ .ant-tabs-tab {
4109
+ position: relative;
4110
+ display: -webkit-inline-box;
4111
+ display: -ms-inline-flexbox;
4112
+ display: inline-flex;
4113
+ -webkit-box-align: center;
4114
+ -ms-flex-align: center;
4115
+ align-items: center;
4116
+ padding: 12px 0;
4117
+ font-size: 14px;
4118
+ background: transparent;
4119
+ border: 0;
4119
4120
  outline: none;
4121
+ cursor: pointer;
4120
4122
  }
4121
- .ant-input-affix-wrapper-rtl .ant-input-prefix {
4122
- margin: 0 0 0 4px;
4123
- }
4124
- .ant-input-affix-wrapper-rtl .ant-input-suffix {
4125
- margin: 0 4px 0 0;
4123
+ .ant-tabs-tab-btn:focus,
4124
+ .ant-tabs-tab-remove:focus,
4125
+ .ant-tabs-tab-btn:active,
4126
+ .ant-tabs-tab-remove:active {
4127
+ color: #096dd9;
4126
4128
  }
4127
- .ant-input-textarea-rtl {
4128
- direction: rtl;
4129
+ .ant-tabs-tab-btn {
4130
+ outline: none;
4131
+ -webkit-transition: all 0.3s;
4132
+ transition: all 0.3s;
4129
4133
  }
4130
- .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
4131
- text-align: left;
4134
+ .ant-tabs-tab-remove {
4135
+ -webkit-box-flex: 0;
4136
+ -ms-flex: none;
4137
+ flex: none;
4138
+ margin-right: -4px;
4139
+ margin-left: 8px;
4140
+ color: rgba(0, 0, 0, 0.45);
4141
+ font-size: 12px;
4142
+ background: transparent;
4143
+ border: none;
4144
+ outline: none;
4145
+ cursor: pointer;
4146
+ -webkit-transition: all 0.3s;
4147
+ transition: all 0.3s;
4132
4148
  }
4133
- .ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child {
4134
- margin-right: 4px;
4135
- margin-left: 0;
4149
+ .ant-tabs-tab-remove:hover {
4150
+ color: rgba(0, 0, 0, 0.85);
4136
4151
  }
4137
- .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
4138
- right: auto;
4139
- left: 8px;
4152
+ .ant-tabs-tab:hover {
4153
+ color: #40a9ff;
4140
4154
  }
4141
- .ant-input-search-rtl {
4142
- direction: rtl;
4155
+ .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
4156
+ color: #1890ff;
4157
+ text-shadow: 0 0 0.25px currentColor;
4143
4158
  }
4144
- .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
4145
- .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
4146
- border-right-color: #40a9ff;
4147
- border-left-color: #d9d9d9;
4159
+ .ant-tabs-tab.ant-tabs-tab-disabled {
4160
+ color: rgba(0, 0, 0, 0.25);
4161
+ cursor: not-allowed;
4148
4162
  }
4149
- .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
4150
- .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
4151
- border-right-color: #40a9ff;
4163
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
4164
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
4165
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
4166
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
4167
+ color: rgba(0, 0, 0, 0.25);
4152
4168
  }
4153
- .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
4154
- right: -1px;
4155
- left: auto;
4169
+ .ant-tabs-tab .ant-tabs-tab-remove .anticon {
4170
+ margin: 0;
4156
4171
  }
4157
- .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
4158
- border-radius: 2px 0 0 2px;
4172
+ .ant-tabs-tab .anticon {
4173
+ margin-right: 12px;
4159
4174
  }
4160
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
4161
- .ant-input {
4162
- height: 32px;
4163
- }
4164
- .ant-input-lg {
4165
- height: 40px;
4166
- }
4167
- .ant-input-sm {
4168
- height: 24px;
4169
- }
4170
- .ant-input-affix-wrapper > input.ant-input {
4171
- height: auto;
4172
- }
4175
+ .ant-tabs-tab + .ant-tabs-tab {
4176
+ margin: 0 0 0 32px;
4173
4177
  }
4174
- .pandora-sdk-check-transform-list {
4178
+ .ant-tabs-content {
4175
4179
  display: -webkit-box;
4176
4180
  display: -ms-flexbox;
4177
4181
  display: flex;
4178
- margin-top: 20px;
4179
- padding-left: 5px;
4180
- padding-right: 5px;
4181
- }
4182
- .pandora-sdk-check-transform-list .pandora-sdk-check-transform-divider {
4183
- height: auto;
4184
- margin-left: 40px;
4185
- margin-right: 40px;
4182
+ width: 100%;
4186
4183
  }
4187
- .pandora-sdk-check-transform {
4184
+ .ant-tabs-content-holder {
4188
4185
  -webkit-box-flex: 1;
4189
- -ms-flex: 1;
4190
- flex: 1;
4186
+ -ms-flex: auto;
4187
+ flex: auto;
4188
+ min-width: 0;
4189
+ min-height: 0;
4191
4190
  }
4192
- .pandora-sdk-check-transform .pandora-sdk-check-transform-header {
4193
- margin-bottom: 10px;
4191
+ .ant-tabs-content-animated {
4192
+ -webkit-transition: margin 0.3s;
4193
+ transition: margin 0.3s;
4194
4194
  }
4195
- .pandora-sdk-check-transform .pandora-sdk-check-transform-search {
4195
+ .ant-tabs-tabpane {
4196
+ -webkit-box-flex: 0;
4197
+ -ms-flex: none;
4198
+ flex: none;
4196
4199
  width: 100%;
4197
- height: 40px;
4198
- margin-bottom: 10px;
4199
- }
4200
- .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox {
4201
- line-height: 40px;
4200
+ outline: none;
4202
4201
  }
4203
- .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4204
- line-height: 40px;
4202
+ .pandora-sdk-card .ant-card-head .ant-card-extra {
4203
+ padding: 0;
4205
4204
  }
4206
4205
  .ant-checkbox-inner::after {
4207
4206
  left: 20%;
@@ -4764,6 +4763,9 @@ textarea.ant-input {
4764
4763
  .ant-input[disabled] {
4765
4764
  border-color: #d9d9d9;
4766
4765
  }
4766
+ .ant-input-group-addon {
4767
+ color: #666;
4768
+ }
4767
4769
  .ant-input-number {
4768
4770
  -webkit-box-sizing: border-box;
4769
4771
  box-sizing: border-box;
@@ -6706,7 +6708,15 @@ textarea.ant-input-number {
6706
6708
  .ant-tooltip-rtl .ant-tooltip-inner {
6707
6709
  text-align: right;
6708
6710
  }
6709
- .pandora-sdk-name-tooltip .ant-tooltip-inner {
6711
+ .pandora-sdk-name-limit {
6712
+ max-width: 100%;
6713
+ display: inline-block;
6714
+ vertical-align: top;
6715
+ white-space: nowrap;
6716
+ text-overflow: ellipsis;
6717
+ overflow: hidden;
6718
+ }
6719
+ .pandora-sdk-name-limit-tooltip .ant-tooltip-inner {
6710
6720
  max-width: 400px !important;
6711
6721
  max-height: 200px !important;
6712
6722
  overflow: auto;
@@ -6742,10 +6752,6 @@ textarea.ant-input-number {
6742
6752
  .pandora-sdk-range-input input[type='number'] {
6743
6753
  -moz-appearance: textfield;
6744
6754
  }
6745
- .pandora-sdk-remark-name {
6746
- word-break: break-all;
6747
- white-space: nowrap;
6748
- }
6749
6755
  .ant-select-single .ant-select-selector {
6750
6756
  display: -webkit-box;
6751
6757
  display: -ms-flexbox;
@@ -7538,16 +7544,20 @@ textarea.ant-input-number {
7538
7544
  .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
7539
7545
  background: transparent;
7540
7546
  }
7541
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu-item-disabled {
7547
+ .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
7542
7548
  color: #d9d9d9 !important;
7543
7549
  }
7544
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu-item-selected {
7550
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
7545
7551
  color: #2c6dd2;
7552
+ font-weight: 400;
7546
7553
  }
7547
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu-item-selected::after {
7554
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected::after {
7548
7555
  color: #2c6dd2 !important;
7549
7556
  }
7550
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu-item-group-title {
7557
+ .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
7558
+ color: #2c6dd2;
7559
+ }
7560
+ .pandora-sdk-selector-dropdown .ant-select-item-group {
7551
7561
  color: #d9d9d9;
7552
7562
  }
7553
7563
  .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
@@ -7958,8 +7968,15 @@ span.ant-radio + * {
7958
7968
  border-color: #2c6dd2 !important;
7959
7969
  color: #2c6dd2 !important;
7960
7970
  }
7961
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7962
- background-color: #2c6dd2;
7971
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-disabled {
7972
+ border-color: #d9d9d9 !important;
7973
+ color: rgba(0, 0, 0, 0.85) !important;
7974
+ }
7975
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
7976
+ background-color: #d9d9d9;
7977
+ }
7978
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7979
+ background-color: #2c6dd2 !important;
7963
7980
  }
7964
7981
  .ant-spin {
7965
7982
  -webkit-box-sizing: border-box;
@@ -10658,6 +10675,9 @@ textarea.ant-pagination-options-quick-jumper input {
10658
10675
  .ant-table-cell::before {
10659
10676
  display: none;
10660
10677
  }
10678
+ .ant-empty .ant-empty-description {
10679
+ color: #bfbfbf;
10680
+ }
10661
10681
  .pandora-sdk-tabs .pandora-sdk-tabs-tab {
10662
10682
  position: relative;
10663
10683
  }
@@ -10940,13 +10960,13 @@ textarea.ant-pagination-options-quick-jumper input {
10940
10960
  .pandora-sdk-taglist-containter .pandora-sdk-simplify .pandora-sdk-icon:hover {
10941
10961
  color: #7a869a;
10942
10962
  }
10943
- .pandora-sdk-taglist-containter .pandora-sdk-popover {
10963
+ .pandora-sdk-popover {
10944
10964
  max-width: 400px;
10945
10965
  max-height: 1000px;
10946
10966
  overflow: auto;
10947
- padding: 16px;
10967
+ padding: 8px !important;
10948
10968
  }
10949
- .pandora-sdk-taglist-containter .pandora-sdk-popover > div {
10969
+ .pandora-sdk-popover > div {
10950
10970
  margin: 4px;
10951
10971
  }
10952
10972
  .pandora-sdk-timeline-container {
@@ -18888,7 +18908,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
18888
18908
  line-height: 24px;
18889
18909
  margin-right: 8px;
18890
18910
  border-radius: 1px;
18891
- color: #42526e;
18911
+ color: #333;
18892
18912
  text-align: center;
18893
18913
  vertical-align: middle;
18894
18914
  border-radius: 2px;
@@ -18926,8 +18946,8 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
18926
18946
  border-left: 1px solid rgba(44, 109, 210, 0.1);
18927
18947
  }
18928
18948
  .pandora-sdk-root .pandora-sdk-content {
18929
- padding: 0 4px;
18930
- max-width: 200px;
18949
+ padding: 0 8px;
18950
+ max-width: 150px;
18931
18951
  vertical-align: middle;
18932
18952
  overflow: hidden;
18933
18953
  white-space: nowrap;