@qn-pandora/pandora-component 4.0.6 → 4.0.7

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.
package/es/index.css CHANGED
@@ -8,25 +8,6 @@
8
8
  /* stylelint-disable no-duplicate-selectors */
9
9
  /* stylelint-disable */
10
10
  /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
11
- .ant-select-auto-complete {
12
- -webkit-box-sizing: border-box;
13
- box-sizing: border-box;
14
- margin: 0;
15
- padding: 0;
16
- color: rgba(0, 0, 0, 0.85);
17
- font-size: 14px;
18
- font-variant: tabular-nums;
19
- line-height: 1.5715;
20
- list-style: none;
21
- -webkit-font-feature-settings: 'tnum';
22
- font-feature-settings: 'tnum';
23
- }
24
- .ant-select-auto-complete .ant-select-clear {
25
- right: 13px;
26
- }
27
- .pandora-sdk-auto-complete .ant-input {
28
- border: 0px;
29
- }
30
11
  .ant-breadcrumb {
31
12
  -webkit-box-sizing: border-box;
32
13
  box-sizing: border-box;
@@ -102,6 +83,25 @@
102
83
  .pandora-sdk-breadcrumb a {
103
84
  text-decoration: none;
104
85
  }
86
+ .ant-select-auto-complete {
87
+ -webkit-box-sizing: border-box;
88
+ box-sizing: border-box;
89
+ margin: 0;
90
+ padding: 0;
91
+ color: rgba(0, 0, 0, 0.85);
92
+ font-size: 14px;
93
+ font-variant: tabular-nums;
94
+ line-height: 1.5715;
95
+ list-style: none;
96
+ -webkit-font-feature-settings: 'tnum';
97
+ font-feature-settings: 'tnum';
98
+ }
99
+ .ant-select-auto-complete .ant-select-clear {
100
+ right: 13px;
101
+ }
102
+ .pandora-sdk-auto-complete .ant-input {
103
+ border: 0px;
104
+ }
105
105
  .ant-btn {
106
106
  line-height: 1.5715;
107
107
  position: relative;
@@ -3342,14 +3342,6 @@ a.ant-btn-sm {
3342
3342
  .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
3343
3343
  margin-left: 8px;
3344
3344
  }
3345
- .pandora-sdk-checkbox-item {
3346
- white-space: nowrap;
3347
- width: 100%;
3348
- }
3349
- .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
3350
- margin-left: 0;
3351
- line-height: 25px;
3352
- }
3353
3345
  .ant-checkbox-inner::after {
3354
3346
  left: 20%;
3355
3347
  }
@@ -4284,6 +4276,14 @@ textarea.ant-input {
4284
4276
  .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4285
4277
  line-height: 40px;
4286
4278
  }
4279
+ .pandora-sdk-checkbox-item {
4280
+ white-space: nowrap;
4281
+ width: 100%;
4282
+ }
4283
+ .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
4284
+ margin-left: 0;
4285
+ line-height: 25px;
4286
+ }
4287
4287
  .ant-collapse {
4288
4288
  -webkit-box-sizing: border-box;
4289
4289
  box-sizing: border-box;
@@ -4874,131 +4874,415 @@ textarea.ant-input {
4874
4874
  .pandora-sdk-datetime-pick-popover {
4875
4875
  width: 650px;
4876
4876
  }
4877
- .ant-upload {
4878
- -webkit-box-sizing: border-box;
4879
- box-sizing: border-box;
4880
- margin: 0;
4881
- padding: 0;
4882
- color: rgba(0, 0, 0, 0.85);
4883
- font-size: 14px;
4884
- font-variant: tabular-nums;
4885
- line-height: 1.5715;
4886
- list-style: none;
4887
- -webkit-font-feature-settings: 'tnum';
4888
- font-feature-settings: 'tnum';
4889
- outline: 0;
4877
+ .ant-drawer {
4878
+ position: fixed;
4879
+ z-index: 1000;
4880
+ width: 0%;
4881
+ height: 100%;
4882
+ -webkit-transition: width 0s ease 0.3s, height 0s ease 0.3s;
4883
+ transition: width 0s ease 0.3s, height 0s ease 0.3s;
4890
4884
  }
4891
- .ant-upload p {
4892
- margin: 0;
4885
+ .ant-drawer-content-wrapper {
4886
+ position: absolute;
4887
+ width: 100%;
4888
+ height: 100%;
4889
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4890
+ transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4891
+ transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4892
+ transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4893
4893
  }
4894
- .ant-upload-btn {
4895
- display: block;
4894
+ .ant-drawer .ant-drawer-content {
4896
4895
  width: 100%;
4897
- outline: none;
4896
+ height: 100%;
4898
4897
  }
4899
- .ant-upload input[type='file'] {
4900
- cursor: pointer;
4898
+ .ant-drawer-left,
4899
+ .ant-drawer-right {
4900
+ top: 0;
4901
+ width: 0%;
4902
+ height: 100%;
4901
4903
  }
4902
- .ant-upload.ant-upload-select {
4903
- display: inline-block;
4904
+ .ant-drawer-left .ant-drawer-content-wrapper,
4905
+ .ant-drawer-right .ant-drawer-content-wrapper {
4906
+ height: 100%;
4904
4907
  }
4905
- .ant-upload.ant-upload-disabled {
4906
- cursor: not-allowed;
4908
+ .ant-drawer-left.ant-drawer-open,
4909
+ .ant-drawer-right.ant-drawer-open {
4910
+ width: 100%;
4911
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4912
+ transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4913
+ transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4914
+ transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4907
4915
  }
4908
- .ant-upload.ant-upload-select-picture-card {
4909
- width: 104px;
4910
- height: 104px;
4911
- margin-right: 8px;
4912
- margin-bottom: 8px;
4913
- text-align: center;
4914
- vertical-align: top;
4915
- background-color: #fafafa;
4916
- border: 1px dashed #d9d9d9;
4917
- border-radius: 2px;
4918
- cursor: pointer;
4919
- -webkit-transition: border-color 0.3s;
4920
- transition: border-color 0.3s;
4916
+ .ant-drawer-left {
4917
+ left: 0;
4921
4918
  }
4922
- .ant-upload.ant-upload-select-picture-card > .ant-upload {
4923
- display: -webkit-box;
4924
- display: -ms-flexbox;
4925
- display: flex;
4926
- -webkit-box-align: center;
4927
- -ms-flex-align: center;
4928
- align-items: center;
4929
- -webkit-box-pack: center;
4930
- -ms-flex-pack: center;
4931
- justify-content: center;
4932
- height: 100%;
4933
- text-align: center;
4919
+ .ant-drawer-left .ant-drawer-content-wrapper {
4920
+ left: 0;
4934
4921
  }
4935
- .ant-upload.ant-upload-select-picture-card:hover {
4936
- border-color: #1890ff;
4922
+ .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
4923
+ -webkit-box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
4924
+ box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
4937
4925
  }
4938
- .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
4939
- border-color: #d9d9d9;
4926
+ .ant-drawer-right {
4927
+ right: 0;
4940
4928
  }
4941
- .ant-upload.ant-upload-drag {
4942
- position: relative;
4943
- width: 100%;
4944
- height: 100%;
4945
- text-align: center;
4946
- background: #fafafa;
4947
- border: 1px dashed #d9d9d9;
4948
- border-radius: 2px;
4949
- cursor: pointer;
4950
- -webkit-transition: border-color 0.3s;
4951
- transition: border-color 0.3s;
4929
+ .ant-drawer-right .ant-drawer-content-wrapper {
4930
+ right: 0;
4952
4931
  }
4953
- .ant-upload.ant-upload-drag .ant-upload {
4954
- padding: 16px 0;
4932
+ .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
4933
+ -webkit-box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
4934
+ box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
4955
4935
  }
4956
- .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
4957
- border-color: #096dd9;
4936
+ .ant-drawer-right.ant-drawer-open.no-mask {
4937
+ right: 1px;
4938
+ -webkit-transform: translateX(1px);
4939
+ transform: translateX(1px);
4958
4940
  }
4959
- .ant-upload.ant-upload-drag.ant-upload-disabled {
4960
- cursor: not-allowed;
4941
+ .ant-drawer-top,
4942
+ .ant-drawer-bottom {
4943
+ left: 0;
4944
+ width: 100%;
4945
+ height: 0%;
4961
4946
  }
4962
- .ant-upload.ant-upload-drag .ant-upload-btn {
4963
- display: table;
4947
+ .ant-drawer-top .ant-drawer-content-wrapper,
4948
+ .ant-drawer-bottom .ant-drawer-content-wrapper {
4949
+ width: 100%;
4950
+ }
4951
+ .ant-drawer-top.ant-drawer-open,
4952
+ .ant-drawer-bottom.ant-drawer-open {
4964
4953
  height: 100%;
4954
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4955
+ transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4956
+ transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4957
+ transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4965
4958
  }
4966
- .ant-upload.ant-upload-drag .ant-upload-drag-container {
4967
- display: table-cell;
4968
- vertical-align: middle;
4959
+ .ant-drawer-top {
4960
+ top: 0;
4969
4961
  }
4970
- .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
4971
- border-color: #40a9ff;
4962
+ .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
4963
+ -webkit-box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
4964
+ box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
4972
4965
  }
4973
- .ant-upload.ant-upload-drag p.ant-upload-drag-icon {
4974
- margin-bottom: 20px;
4966
+ .ant-drawer-bottom {
4967
+ bottom: 0;
4975
4968
  }
4976
- .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
4977
- color: #40a9ff;
4978
- font-size: 48px;
4969
+ .ant-drawer-bottom .ant-drawer-content-wrapper {
4970
+ bottom: 0;
4979
4971
  }
4980
- .ant-upload.ant-upload-drag p.ant-upload-text {
4981
- margin: 0 0 4px;
4982
- color: rgba(0, 0, 0, 0.85);
4983
- font-size: 16px;
4972
+ .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
4973
+ -webkit-box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
4974
+ box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
4984
4975
  }
4985
- .ant-upload.ant-upload-drag p.ant-upload-hint {
4986
- color: rgba(0, 0, 0, 0.45);
4987
- font-size: 14px;
4976
+ .ant-drawer-bottom.ant-drawer-open.no-mask {
4977
+ bottom: 1px;
4978
+ -webkit-transform: translateY(1px);
4979
+ transform: translateY(1px);
4988
4980
  }
4989
- .ant-upload.ant-upload-drag .anticon-plus {
4990
- color: rgba(0, 0, 0, 0.25);
4991
- font-size: 30px;
4992
- -webkit-transition: all 0.3s;
4993
- transition: all 0.3s;
4981
+ .ant-drawer.ant-drawer-open .ant-drawer-mask {
4982
+ height: 100%;
4983
+ opacity: 1;
4984
+ -webkit-transition: none;
4985
+ transition: none;
4986
+ -webkit-animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4987
+ animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4988
+ pointer-events: auto;
4994
4989
  }
4995
- .ant-upload.ant-upload-drag .anticon-plus:hover {
4996
- color: rgba(0, 0, 0, 0.45);
4990
+ .ant-drawer-title {
4991
+ margin: 0;
4992
+ color: rgba(0, 0, 0, 0.85);
4993
+ font-weight: 500;
4994
+ font-size: 16px;
4995
+ line-height: 22px;
4997
4996
  }
4998
- .ant-upload.ant-upload-drag:hover .anticon-plus {
4999
- color: rgba(0, 0, 0, 0.45);
4997
+ .ant-drawer-content {
4998
+ position: relative;
4999
+ z-index: 1;
5000
+ overflow: auto;
5001
+ background-color: #fff;
5002
+ background-clip: padding-box;
5003
+ border: 0;
5000
5004
  }
5001
- .ant-upload-picture-card-wrapper {
5005
+ .ant-drawer-close {
5006
+ display: inline-block;
5007
+ margin-right: 12px;
5008
+ color: rgba(0, 0, 0, 0.45);
5009
+ font-weight: 700;
5010
+ font-size: 16px;
5011
+ font-style: normal;
5012
+ line-height: 1;
5013
+ text-align: center;
5014
+ text-transform: none;
5015
+ text-decoration: none;
5016
+ background: transparent;
5017
+ border: 0;
5018
+ outline: 0;
5019
+ cursor: pointer;
5020
+ -webkit-transition: color 0.3s;
5021
+ transition: color 0.3s;
5022
+ text-rendering: auto;
5023
+ }
5024
+ .ant-drawer-close:focus,
5025
+ .ant-drawer-close:hover {
5026
+ color: rgba(0, 0, 0, 0.75);
5027
+ text-decoration: none;
5028
+ }
5029
+ .ant-drawer-header {
5030
+ position: relative;
5031
+ display: -webkit-box;
5032
+ display: -ms-flexbox;
5033
+ display: flex;
5034
+ -webkit-box-align: center;
5035
+ -ms-flex-align: center;
5036
+ align-items: center;
5037
+ -webkit-box-pack: justify;
5038
+ -ms-flex-pack: justify;
5039
+ justify-content: space-between;
5040
+ padding: 16px 24px;
5041
+ color: rgba(0, 0, 0, 0.85);
5042
+ background: #fff;
5043
+ border-bottom: 1px solid #f0f0f0;
5044
+ border-radius: 2px 2px 0 0;
5045
+ }
5046
+ .ant-drawer-header-title {
5047
+ display: -webkit-box;
5048
+ display: -ms-flexbox;
5049
+ display: flex;
5050
+ -webkit-box-align: center;
5051
+ -ms-flex-align: center;
5052
+ align-items: center;
5053
+ -webkit-box-pack: justify;
5054
+ -ms-flex-pack: justify;
5055
+ justify-content: space-between;
5056
+ }
5057
+ .ant-drawer-header-close-only {
5058
+ padding-bottom: 0;
5059
+ border: none;
5060
+ }
5061
+ .ant-drawer-wrapper-body {
5062
+ display: -webkit-box;
5063
+ display: -ms-flexbox;
5064
+ display: flex;
5065
+ -webkit-box-orient: vertical;
5066
+ -webkit-box-direction: normal;
5067
+ -ms-flex-flow: column nowrap;
5068
+ flex-flow: column nowrap;
5069
+ width: 100%;
5070
+ height: 100%;
5071
+ }
5072
+ .ant-drawer-body {
5073
+ -webkit-box-flex: 1;
5074
+ -ms-flex-positive: 1;
5075
+ flex-grow: 1;
5076
+ padding: 24px;
5077
+ overflow: auto;
5078
+ font-size: 14px;
5079
+ line-height: 1.5715;
5080
+ word-wrap: break-word;
5081
+ }
5082
+ .ant-drawer-footer {
5083
+ -ms-flex-negative: 0;
5084
+ flex-shrink: 0;
5085
+ padding: 10px 16px;
5086
+ border-top: 1px solid #f0f0f0;
5087
+ }
5088
+ .ant-drawer-mask {
5089
+ position: absolute;
5090
+ top: 0;
5091
+ left: 0;
5092
+ width: 100%;
5093
+ height: 0;
5094
+ background-color: rgba(0, 0, 0, 0.45);
5095
+ opacity: 0;
5096
+ -webkit-transition: opacity 0.3s linear, height 0s ease 0.3s;
5097
+ transition: opacity 0.3s linear, height 0s ease 0.3s;
5098
+ pointer-events: none;
5099
+ }
5100
+ .ant-drawer .ant-picker-clear {
5101
+ background: #fff;
5102
+ }
5103
+ @-webkit-keyframes antdDrawerFadeIn {
5104
+ 0% {
5105
+ opacity: 0;
5106
+ }
5107
+ 100% {
5108
+ opacity: 1;
5109
+ }
5110
+ }
5111
+ @keyframes antdDrawerFadeIn {
5112
+ 0% {
5113
+ opacity: 0;
5114
+ }
5115
+ 100% {
5116
+ opacity: 1;
5117
+ }
5118
+ }
5119
+ .ant-drawer-rtl {
5120
+ direction: rtl;
5121
+ }
5122
+ .ant-drawer-rtl .ant-drawer-close {
5123
+ margin-right: 0;
5124
+ margin-left: 12px;
5125
+ }
5126
+ .pandora-sdk-drawer .ant-drawer-content-wrapper {
5127
+ width: 50%;
5128
+ min-width: 300px;
5129
+ }
5130
+ .pandora-sdk-drawer .ant-drawer-content > div {
5131
+ position: relative;
5132
+ }
5133
+ .pandora-sdk-drawer .ant-drawer-close-x {
5134
+ width: 60px;
5135
+ height: 60px;
5136
+ line-height: 60px;
5137
+ }
5138
+ .pandora-sdk-drawer-no-mask .ant-drawer-content-wrapper {
5139
+ width: 100%;
5140
+ }
5141
+ .pandora-sdk-scroll-handler {
5142
+ position: absolute;
5143
+ width: 5px;
5144
+ padding: 4px 0 0;
5145
+ top: 0;
5146
+ left: 0;
5147
+ bottom: 0;
5148
+ z-index: 100;
5149
+ cursor: ew-resize;
5150
+ }
5151
+ .pandora-sdk-drawer-right-close-icon {
5152
+ margin-left: 8px;
5153
+ font-size: 16px;
5154
+ }
5155
+ .ant-input[disabled] {
5156
+ border-color: #d9d9d9;
5157
+ }
5158
+ .ant-input-group-addon {
5159
+ color: #666;
5160
+ }
5161
+ .ant-upload {
5162
+ -webkit-box-sizing: border-box;
5163
+ box-sizing: border-box;
5164
+ margin: 0;
5165
+ padding: 0;
5166
+ color: rgba(0, 0, 0, 0.85);
5167
+ font-size: 14px;
5168
+ font-variant: tabular-nums;
5169
+ line-height: 1.5715;
5170
+ list-style: none;
5171
+ -webkit-font-feature-settings: 'tnum';
5172
+ font-feature-settings: 'tnum';
5173
+ outline: 0;
5174
+ }
5175
+ .ant-upload p {
5176
+ margin: 0;
5177
+ }
5178
+ .ant-upload-btn {
5179
+ display: block;
5180
+ width: 100%;
5181
+ outline: none;
5182
+ }
5183
+ .ant-upload input[type='file'] {
5184
+ cursor: pointer;
5185
+ }
5186
+ .ant-upload.ant-upload-select {
5187
+ display: inline-block;
5188
+ }
5189
+ .ant-upload.ant-upload-disabled {
5190
+ cursor: not-allowed;
5191
+ }
5192
+ .ant-upload.ant-upload-select-picture-card {
5193
+ width: 104px;
5194
+ height: 104px;
5195
+ margin-right: 8px;
5196
+ margin-bottom: 8px;
5197
+ text-align: center;
5198
+ vertical-align: top;
5199
+ background-color: #fafafa;
5200
+ border: 1px dashed #d9d9d9;
5201
+ border-radius: 2px;
5202
+ cursor: pointer;
5203
+ -webkit-transition: border-color 0.3s;
5204
+ transition: border-color 0.3s;
5205
+ }
5206
+ .ant-upload.ant-upload-select-picture-card > .ant-upload {
5207
+ display: -webkit-box;
5208
+ display: -ms-flexbox;
5209
+ display: flex;
5210
+ -webkit-box-align: center;
5211
+ -ms-flex-align: center;
5212
+ align-items: center;
5213
+ -webkit-box-pack: center;
5214
+ -ms-flex-pack: center;
5215
+ justify-content: center;
5216
+ height: 100%;
5217
+ text-align: center;
5218
+ }
5219
+ .ant-upload.ant-upload-select-picture-card:hover {
5220
+ border-color: #1890ff;
5221
+ }
5222
+ .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
5223
+ border-color: #d9d9d9;
5224
+ }
5225
+ .ant-upload.ant-upload-drag {
5226
+ position: relative;
5227
+ width: 100%;
5228
+ height: 100%;
5229
+ text-align: center;
5230
+ background: #fafafa;
5231
+ border: 1px dashed #d9d9d9;
5232
+ border-radius: 2px;
5233
+ cursor: pointer;
5234
+ -webkit-transition: border-color 0.3s;
5235
+ transition: border-color 0.3s;
5236
+ }
5237
+ .ant-upload.ant-upload-drag .ant-upload {
5238
+ padding: 16px 0;
5239
+ }
5240
+ .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
5241
+ border-color: #096dd9;
5242
+ }
5243
+ .ant-upload.ant-upload-drag.ant-upload-disabled {
5244
+ cursor: not-allowed;
5245
+ }
5246
+ .ant-upload.ant-upload-drag .ant-upload-btn {
5247
+ display: table;
5248
+ height: 100%;
5249
+ }
5250
+ .ant-upload.ant-upload-drag .ant-upload-drag-container {
5251
+ display: table-cell;
5252
+ vertical-align: middle;
5253
+ }
5254
+ .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
5255
+ border-color: #40a9ff;
5256
+ }
5257
+ .ant-upload.ant-upload-drag p.ant-upload-drag-icon {
5258
+ margin-bottom: 20px;
5259
+ }
5260
+ .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
5261
+ color: #40a9ff;
5262
+ font-size: 48px;
5263
+ }
5264
+ .ant-upload.ant-upload-drag p.ant-upload-text {
5265
+ margin: 0 0 4px;
5266
+ color: rgba(0, 0, 0, 0.85);
5267
+ font-size: 16px;
5268
+ }
5269
+ .ant-upload.ant-upload-drag p.ant-upload-hint {
5270
+ color: rgba(0, 0, 0, 0.45);
5271
+ font-size: 14px;
5272
+ }
5273
+ .ant-upload.ant-upload-drag .anticon-plus {
5274
+ color: rgba(0, 0, 0, 0.25);
5275
+ font-size: 30px;
5276
+ -webkit-transition: all 0.3s;
5277
+ transition: all 0.3s;
5278
+ }
5279
+ .ant-upload.ant-upload-drag .anticon-plus:hover {
5280
+ color: rgba(0, 0, 0, 0.45);
5281
+ }
5282
+ .ant-upload.ant-upload-drag:hover .anticon-plus {
5283
+ color: rgba(0, 0, 0, 0.45);
5284
+ }
5285
+ .ant-upload-picture-card-wrapper {
5002
5286
  display: inline-block;
5003
5287
  width: 100%;
5004
5288
  }
@@ -5523,407 +5807,123 @@ textarea.ant-input {
5523
5807
  padding-right: 48px;
5524
5808
  padding-left: 36px;
5525
5809
  }
5526
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
5527
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
5528
- padding-right: 0;
5529
- padding-left: 0;
5530
- }
5531
- .ant-upload-list-rtl.ant-upload-list-picture .anticon-close,
5532
- .ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close {
5533
- right: auto;
5534
- left: 8px;
5535
- }
5536
- .ant-upload-list-rtl .ant-upload-list-picture-card-container {
5537
- margin: 0 0 8px 8px;
5538
- }
5539
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
5540
- right: 50%;
5541
- left: auto;
5542
- -webkit-transform: translate(50%, -50%);
5543
- transform: translate(50%, -50%);
5544
- }
5545
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
5546
- margin: 8px 0 0;
5547
- padding: 0;
5548
- }
5549
- .pandora-sdk-file-resumable {
5550
- cursor: pointer;
5551
- }
5552
- .pandora-sdk-file-resumable-run-container {
5553
- text-align: right;
5554
- }
5555
- .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon {
5556
- color: #2c6dd2;
5557
- cursor: pointer;
5558
- font-size: 14px;
5559
- margin: 0 6px;
5560
- }
5561
- .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled {
5562
- color: #d9d9d9;
5563
- }
5564
- .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled:hover {
5565
- cursor: not-allowed;
5566
- }
5567
- .pandora-sdk-file-resumable-upload-icon {
5568
- font-size: 50px;
5569
- color: inherit;
5570
- }
5571
- .downloadIcon {
5572
- color: #2c6dd2;
5573
- cursor: pointer;
5574
- font-size: 20px;
5575
- }
5576
- .pandora-sdk-file-resumable:hover {
5577
- border-color: #2c6dd2;
5578
- }
5579
- .pandora-sdk-file-resumable-img-container {
5580
- background: #d9d9d9;
5581
- border: 1px dashed #d9d9d9;
5582
- width: 50px;
5583
- height: 50px;
5584
- padding: 4px;
5585
- border-radius: 2px;
5586
- -webkit-box-align: center;
5587
- -ms-flex-align: center;
5588
- align-items: center;
5589
- cursor: pointer;
5590
- position: relative;
5591
- font-size: 16px;
5592
- display: -webkit-box;
5593
- display: -ms-flexbox;
5594
- display: flex;
5595
- -webkit-box-pack: center;
5596
- -ms-flex-pack: center;
5597
- justify-content: center;
5598
- }
5599
- .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator {
5600
- display: -webkit-box;
5601
- display: -ms-flexbox;
5602
- display: flex;
5603
- -webkit-box-pack: center;
5604
- -ms-flex-pack: center;
5605
- justify-content: center;
5606
- -webkit-box-align: center;
5607
- -ms-flex-align: center;
5608
- align-items: center;
5609
- position: absolute;
5610
- top: 4px;
5611
- left: 4px;
5612
- right: 4px;
5613
- bottom: 4px;
5614
- }
5615
- .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator .anticon {
5616
- font-size: 16px;
5617
- }
5618
- .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-hidden-plus-icon {
5619
- display: none;
5620
- }
5621
- .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-box {
5622
- max-width: 100%;
5623
- max-height: 100%;
5624
- padding: 4px;
5625
- }
5626
- .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator {
5627
- background: rgba(51, 51, 51, 0.7);
5628
- display: -webkit-box;
5629
- display: -ms-flexbox;
5630
- display: flex;
5631
- }
5632
- .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator .anticon {
5633
- font-size: 16px;
5634
- color: #d9d9d9;
5635
- }
5636
- .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag {
5637
- width: 50px;
5638
- height: 50px;
5639
- border: none;
5640
- }
5641
- .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag .ant-upload-btn {
5642
- padding: 0;
5643
- }
5644
- .ant-drawer {
5645
- position: fixed;
5646
- z-index: 1000;
5647
- width: 0%;
5648
- height: 100%;
5649
- -webkit-transition: width 0s ease 0.3s, height 0s ease 0.3s;
5650
- transition: width 0s ease 0.3s, height 0s ease 0.3s;
5651
- }
5652
- .ant-drawer-content-wrapper {
5653
- position: absolute;
5654
- width: 100%;
5655
- height: 100%;
5656
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
5657
- transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
5658
- transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
5659
- transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
5660
- }
5661
- .ant-drawer .ant-drawer-content {
5662
- width: 100%;
5663
- height: 100%;
5664
- }
5665
- .ant-drawer-left,
5666
- .ant-drawer-right {
5667
- top: 0;
5668
- width: 0%;
5669
- height: 100%;
5670
- }
5671
- .ant-drawer-left .ant-drawer-content-wrapper,
5672
- .ant-drawer-right .ant-drawer-content-wrapper {
5673
- height: 100%;
5674
- }
5675
- .ant-drawer-left.ant-drawer-open,
5676
- .ant-drawer-right.ant-drawer-open {
5677
- width: 100%;
5678
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
5679
- transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
5680
- transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
5681
- transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
5682
- }
5683
- .ant-drawer-left {
5684
- left: 0;
5685
- }
5686
- .ant-drawer-left .ant-drawer-content-wrapper {
5687
- left: 0;
5688
- }
5689
- .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
5690
- -webkit-box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
5691
- box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
5692
- }
5693
- .ant-drawer-right {
5694
- right: 0;
5695
- }
5696
- .ant-drawer-right .ant-drawer-content-wrapper {
5697
- right: 0;
5698
- }
5699
- .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
5700
- -webkit-box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
5701
- box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
5702
- }
5703
- .ant-drawer-right.ant-drawer-open.no-mask {
5704
- right: 1px;
5705
- -webkit-transform: translateX(1px);
5706
- transform: translateX(1px);
5707
- }
5708
- .ant-drawer-top,
5709
- .ant-drawer-bottom {
5710
- left: 0;
5711
- width: 100%;
5712
- height: 0%;
5713
- }
5714
- .ant-drawer-top .ant-drawer-content-wrapper,
5715
- .ant-drawer-bottom .ant-drawer-content-wrapper {
5716
- width: 100%;
5717
- }
5718
- .ant-drawer-top.ant-drawer-open,
5719
- .ant-drawer-bottom.ant-drawer-open {
5720
- height: 100%;
5721
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
5722
- transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
5723
- transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
5724
- transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
5810
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
5811
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
5812
+ padding-right: 0;
5813
+ padding-left: 0;
5725
5814
  }
5726
- .ant-drawer-top {
5727
- top: 0;
5815
+ .ant-upload-list-rtl.ant-upload-list-picture .anticon-close,
5816
+ .ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close {
5817
+ right: auto;
5818
+ left: 8px;
5728
5819
  }
5729
- .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
5730
- -webkit-box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
5731
- box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
5820
+ .ant-upload-list-rtl .ant-upload-list-picture-card-container {
5821
+ margin: 0 0 8px 8px;
5732
5822
  }
5733
- .ant-drawer-bottom {
5734
- bottom: 0;
5823
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
5824
+ right: 50%;
5825
+ left: auto;
5826
+ -webkit-transform: translate(50%, -50%);
5827
+ transform: translate(50%, -50%);
5735
5828
  }
5736
- .ant-drawer-bottom .ant-drawer-content-wrapper {
5737
- bottom: 0;
5829
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
5830
+ margin: 8px 0 0;
5831
+ padding: 0;
5738
5832
  }
5739
- .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
5740
- -webkit-box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
5741
- box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
5833
+ .pandora-sdk-file-resumable {
5834
+ cursor: pointer;
5742
5835
  }
5743
- .ant-drawer-bottom.ant-drawer-open.no-mask {
5744
- bottom: 1px;
5745
- -webkit-transform: translateY(1px);
5746
- transform: translateY(1px);
5836
+ .pandora-sdk-file-resumable-run-container {
5837
+ text-align: right;
5747
5838
  }
5748
- .ant-drawer.ant-drawer-open .ant-drawer-mask {
5749
- height: 100%;
5750
- opacity: 1;
5751
- -webkit-transition: none;
5752
- transition: none;
5753
- -webkit-animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);
5754
- animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);
5755
- pointer-events: auto;
5839
+ .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon {
5840
+ color: #2c6dd2;
5841
+ cursor: pointer;
5842
+ font-size: 14px;
5843
+ margin: 0 6px;
5756
5844
  }
5757
- .ant-drawer-title {
5758
- margin: 0;
5759
- color: rgba(0, 0, 0, 0.85);
5760
- font-weight: 500;
5761
- font-size: 16px;
5762
- line-height: 22px;
5845
+ .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled {
5846
+ color: #d9d9d9;
5763
5847
  }
5764
- .ant-drawer-content {
5765
- position: relative;
5766
- z-index: 1;
5767
- overflow: auto;
5768
- background-color: #fff;
5769
- background-clip: padding-box;
5770
- border: 0;
5848
+ .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled:hover {
5849
+ cursor: not-allowed;
5771
5850
  }
5772
- .ant-drawer-close {
5773
- display: inline-block;
5774
- margin-right: 12px;
5775
- color: rgba(0, 0, 0, 0.45);
5776
- font-weight: 700;
5777
- font-size: 16px;
5778
- font-style: normal;
5779
- line-height: 1;
5780
- text-align: center;
5781
- text-transform: none;
5782
- text-decoration: none;
5783
- background: transparent;
5784
- border: 0;
5785
- outline: 0;
5851
+ .pandora-sdk-file-resumable-upload-icon {
5852
+ font-size: 50px;
5853
+ color: inherit;
5854
+ }
5855
+ .downloadIcon {
5856
+ color: #2c6dd2;
5786
5857
  cursor: pointer;
5787
- -webkit-transition: color 0.3s;
5788
- transition: color 0.3s;
5789
- text-rendering: auto;
5858
+ font-size: 20px;
5790
5859
  }
5791
- .ant-drawer-close:focus,
5792
- .ant-drawer-close:hover {
5793
- color: rgba(0, 0, 0, 0.75);
5794
- text-decoration: none;
5860
+ .pandora-sdk-file-resumable:hover {
5861
+ border-color: #2c6dd2;
5795
5862
  }
5796
- .ant-drawer-header {
5863
+ .pandora-sdk-file-resumable-img-container {
5864
+ background: #d9d9d9;
5865
+ border: 1px dashed #d9d9d9;
5866
+ width: 50px;
5867
+ height: 50px;
5868
+ padding: 4px;
5869
+ border-radius: 2px;
5870
+ -webkit-box-align: center;
5871
+ -ms-flex-align: center;
5872
+ align-items: center;
5873
+ cursor: pointer;
5797
5874
  position: relative;
5875
+ font-size: 16px;
5798
5876
  display: -webkit-box;
5799
5877
  display: -ms-flexbox;
5800
5878
  display: flex;
5801
- -webkit-box-align: center;
5802
- -ms-flex-align: center;
5803
- align-items: center;
5804
- -webkit-box-pack: justify;
5805
- -ms-flex-pack: justify;
5806
- justify-content: space-between;
5807
- padding: 16px 24px;
5808
- color: rgba(0, 0, 0, 0.85);
5809
- background: #fff;
5810
- border-bottom: 1px solid #f0f0f0;
5811
- border-radius: 2px 2px 0 0;
5879
+ -webkit-box-pack: center;
5880
+ -ms-flex-pack: center;
5881
+ justify-content: center;
5812
5882
  }
5813
- .ant-drawer-header-title {
5883
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator {
5814
5884
  display: -webkit-box;
5815
5885
  display: -ms-flexbox;
5816
5886
  display: flex;
5887
+ -webkit-box-pack: center;
5888
+ -ms-flex-pack: center;
5889
+ justify-content: center;
5817
5890
  -webkit-box-align: center;
5818
5891
  -ms-flex-align: center;
5819
5892
  align-items: center;
5820
- -webkit-box-pack: justify;
5821
- -ms-flex-pack: justify;
5822
- justify-content: space-between;
5823
- }
5824
- .ant-drawer-header-close-only {
5825
- padding-bottom: 0;
5826
- border: none;
5827
- }
5828
- .ant-drawer-wrapper-body {
5829
- display: -webkit-box;
5830
- display: -ms-flexbox;
5831
- display: flex;
5832
- -webkit-box-orient: vertical;
5833
- -webkit-box-direction: normal;
5834
- -ms-flex-flow: column nowrap;
5835
- flex-flow: column nowrap;
5836
- width: 100%;
5837
- height: 100%;
5838
- }
5839
- .ant-drawer-body {
5840
- -webkit-box-flex: 1;
5841
- -ms-flex-positive: 1;
5842
- flex-grow: 1;
5843
- padding: 24px;
5844
- overflow: auto;
5845
- font-size: 14px;
5846
- line-height: 1.5715;
5847
- word-wrap: break-word;
5848
- }
5849
- .ant-drawer-footer {
5850
- -ms-flex-negative: 0;
5851
- flex-shrink: 0;
5852
- padding: 10px 16px;
5853
- border-top: 1px solid #f0f0f0;
5854
- }
5855
- .ant-drawer-mask {
5856
5893
  position: absolute;
5857
- top: 0;
5858
- left: 0;
5859
- width: 100%;
5860
- height: 0;
5861
- background-color: rgba(0, 0, 0, 0.45);
5862
- opacity: 0;
5863
- -webkit-transition: opacity 0.3s linear, height 0s ease 0.3s;
5864
- transition: opacity 0.3s linear, height 0s ease 0.3s;
5865
- pointer-events: none;
5866
- }
5867
- .ant-drawer .ant-picker-clear {
5868
- background: #fff;
5869
- }
5870
- @-webkit-keyframes antdDrawerFadeIn {
5871
- 0% {
5872
- opacity: 0;
5873
- }
5874
- 100% {
5875
- opacity: 1;
5876
- }
5877
- }
5878
- @keyframes antdDrawerFadeIn {
5879
- 0% {
5880
- opacity: 0;
5881
- }
5882
- 100% {
5883
- opacity: 1;
5884
- }
5885
- }
5886
- .ant-drawer-rtl {
5887
- direction: rtl;
5888
- }
5889
- .ant-drawer-rtl .ant-drawer-close {
5890
- margin-right: 0;
5891
- margin-left: 12px;
5892
- }
5893
- .pandora-sdk-drawer .ant-drawer-content-wrapper {
5894
- width: 50%;
5895
- min-width: 300px;
5894
+ top: 4px;
5895
+ left: 4px;
5896
+ right: 4px;
5897
+ bottom: 4px;
5896
5898
  }
5897
- .pandora-sdk-drawer .ant-drawer-content > div {
5898
- position: relative;
5899
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator .anticon {
5900
+ font-size: 16px;
5899
5901
  }
5900
- .pandora-sdk-drawer .ant-drawer-close-x {
5901
- width: 60px;
5902
- height: 60px;
5903
- line-height: 60px;
5902
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-hidden-plus-icon {
5903
+ display: none;
5904
5904
  }
5905
- .pandora-sdk-drawer-no-mask .ant-drawer-content-wrapper {
5906
- width: 100%;
5905
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-box {
5906
+ max-width: 100%;
5907
+ max-height: 100%;
5908
+ padding: 4px;
5907
5909
  }
5908
- .pandora-sdk-scroll-handler {
5909
- position: absolute;
5910
- width: 5px;
5911
- padding: 4px 0 0;
5912
- top: 0;
5913
- left: 0;
5914
- bottom: 0;
5915
- z-index: 100;
5916
- cursor: ew-resize;
5910
+ .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator {
5911
+ background: rgba(51, 51, 51, 0.7);
5912
+ display: -webkit-box;
5913
+ display: -ms-flexbox;
5914
+ display: flex;
5917
5915
  }
5918
- .pandora-sdk-drawer-right-close-icon {
5919
- margin-left: 8px;
5916
+ .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator .anticon {
5920
5917
  font-size: 16px;
5918
+ color: #d9d9d9;
5921
5919
  }
5922
- .ant-input[disabled] {
5923
- border-color: #d9d9d9;
5920
+ .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag {
5921
+ width: 50px;
5922
+ height: 50px;
5923
+ border: none;
5924
5924
  }
5925
- .ant-input-group-addon {
5926
- color: #666;
5925
+ .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag .ant-upload-btn {
5926
+ padding: 0;
5927
5927
  }
5928
5928
  .pandora-sdk-key-value-label,
5929
5929
  .pandora-sdk-key-value-value {
@@ -8096,798 +8096,545 @@ textarea.ant-input-number {
8096
8096
  margin: -5px -11px;
8097
8097
  }
8098
8098
  .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
8099
- background-color: inherit;
8100
- border: 1px solid transparent;
8101
- -webkit-box-shadow: none;
8102
- box-shadow: none;
8103
- }
8104
- .ant-input-number-group-addon .ant-select-open .ant-select-selector,
8105
- .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
8106
- color: #1890ff;
8107
- }
8108
- .ant-input-number-group-addon .ant-cascader-picker {
8109
- margin: -9px -12px;
8110
- background-color: transparent;
8111
- }
8112
- .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
8113
- text-align: left;
8114
- border: 0;
8115
- -webkit-box-shadow: none;
8116
- box-shadow: none;
8117
- }
8118
- .ant-input-number-group > .ant-input-number:first-child,
8119
- .ant-input-number-group-addon:first-child {
8120
- border-top-right-radius: 0;
8121
- border-bottom-right-radius: 0;
8122
- }
8123
- .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
8124
- .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
8125
- border-top-right-radius: 0;
8126
- border-bottom-right-radius: 0;
8127
- }
8128
- .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
8129
- border-top-left-radius: 0;
8130
- border-bottom-left-radius: 0;
8131
- }
8132
- .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
8133
- border-top-right-radius: 0;
8134
- border-bottom-right-radius: 0;
8135
- }
8136
- .ant-input-number-group-addon:first-child {
8137
- border-right: 0;
8138
- }
8139
- .ant-input-number-group-addon:last-child {
8140
- border-left: 0;
8141
- }
8142
- .ant-input-number-group > .ant-input-number:last-child,
8143
- .ant-input-number-group-addon:last-child {
8144
- border-top-left-radius: 0;
8145
- border-bottom-left-radius: 0;
8146
- }
8147
- .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
8148
- .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
8149
- border-top-left-radius: 0;
8150
- border-bottom-left-radius: 0;
8151
- }
8152
- .ant-input-number-group-lg .ant-input-number,
8153
- .ant-input-number-group-lg > .ant-input-number-group-addon {
8154
- padding: 6.5px 11px;
8155
- font-size: 16px;
8156
- }
8157
- .ant-input-number-group-sm .ant-input-number,
8158
- .ant-input-number-group-sm > .ant-input-number-group-addon {
8159
- padding: 0px 7px;
8160
- }
8161
- .ant-input-number-group-lg .ant-select-single .ant-select-selector {
8162
- height: 40px;
8163
- }
8164
- .ant-input-number-group-sm .ant-select-single .ant-select-selector {
8165
- height: 24px;
8166
- }
8167
- .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8168
- border-top-right-radius: 0;
8169
- border-bottom-right-radius: 0;
8170
- }
8171
- .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8172
- border-top-left-radius: 2px;
8173
- border-bottom-left-radius: 2px;
8174
- }
8175
- .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
8176
- .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
8177
- border-top-left-radius: 0;
8178
- border-bottom-left-radius: 0;
8179
- }
8180
- .ant-input-number-group.ant-input-number-group-compact {
8181
- display: block;
8182
- }
8183
- .ant-input-number-group.ant-input-number-group-compact::before {
8184
- display: table;
8185
- content: '';
8186
- }
8187
- .ant-input-number-group.ant-input-number-group-compact::after {
8188
- display: table;
8189
- clear: both;
8190
- content: '';
8191
- }
8192
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
8193
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
8194
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
8195
- border-right-width: 1px;
8196
- }
8197
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
8198
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
8199
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
8200
- z-index: 1;
8201
- }
8202
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
8203
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
8204
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
8205
- z-index: 1;
8206
- }
8207
- .ant-input-number-group.ant-input-number-group-compact > * {
8208
- display: inline-block;
8209
- float: none;
8210
- vertical-align: top;
8211
- border-radius: 0;
8212
- }
8213
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
8214
- display: -webkit-inline-box;
8215
- display: -ms-inline-flexbox;
8216
- display: inline-flex;
8217
- }
8218
- .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
8219
- display: -webkit-inline-box;
8220
- display: -ms-inline-flexbox;
8221
- display: inline-flex;
8222
- }
8223
- .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
8224
- margin-right: -1px;
8225
- border-right-width: 1px;
8226
- }
8227
- .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
8228
- float: none;
8229
- }
8230
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
8231
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
8232
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
8233
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
8234
- border-right-width: 1px;
8235
- border-radius: 0;
8236
- }
8237
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
8238
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
8239
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
8240
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
8241
- z-index: 1;
8242
- }
8243
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
8244
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
8245
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
8246
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
8247
- z-index: 1;
8248
- }
8249
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
8250
- z-index: 1;
8251
- }
8252
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
8253
- z-index: 1;
8254
- }
8255
- .ant-input-number-group.ant-input-number-group-compact > *:first-child,
8256
- .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
8257
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
8258
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
8259
- border-top-left-radius: 2px;
8260
- border-bottom-left-radius: 2px;
8261
- }
8262
- .ant-input-number-group.ant-input-number-group-compact > *:last-child,
8263
- .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
8264
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
8265
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
8266
- border-right-width: 1px;
8267
- border-top-right-radius: 2px;
8268
- border-bottom-right-radius: 2px;
8269
- }
8270
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
8271
- vertical-align: top;
8272
- }
8273
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
8274
- margin-left: -1px;
8275
- }
8276
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
8277
- border-radius: 0;
8278
- }
8279
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
8280
- border-radius: 0;
8281
- }
8282
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
8283
- border-radius: 2px 0 0 2px;
8284
- }
8285
- .ant-input-number-group > .ant-input-number-rtl:first-child,
8286
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
8287
- border-radius: 0 2px 2px 0;
8288
- }
8289
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
8290
- border-right: 1px solid #d9d9d9;
8291
- border-left: 0;
8292
- }
8293
- .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
8294
- border-right: 0;
8295
- border-left: 1px solid #d9d9d9;
8296
- }
8297
- .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
8298
- .ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
8299
- border-radius: 2px 0 0 2px;
8300
- }
8301
- .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
8302
- border-radius: 2px 0 0 2px;
8303
- }
8304
- .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8305
- border-radius: 0 2px 2px 0;
8306
- }
8307
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
8308
- margin-right: 0;
8309
- margin-left: -1px;
8310
- border-left-width: 1px;
8311
- }
8312
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
8313
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
8314
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
8315
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
8316
- border-radius: 0 2px 2px 0;
8317
- }
8318
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
8319
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
8320
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
8321
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
8322
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
8323
- border-left-width: 1px;
8324
- border-radius: 2px 0 0 2px;
8325
- }
8326
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
8327
- margin-right: -1px;
8328
- margin-left: 0;
8329
- }
8330
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
8331
- border-radius: 0 2px 2px 0;
8332
- }
8333
- .ant-input-number-group-wrapper {
8334
- display: inline-block;
8335
- text-align: start;
8336
- vertical-align: top;
8337
- }
8338
- .ant-input-number-handler {
8339
- position: relative;
8340
- display: block;
8341
- width: 100%;
8342
- height: 50%;
8343
- overflow: hidden;
8344
- color: rgba(0, 0, 0, 0.45);
8345
- font-weight: bold;
8346
- line-height: 0;
8347
- text-align: center;
8348
- border-left: 1px solid #d9d9d9;
8349
- -webkit-transition: all 0.1s linear;
8350
- transition: all 0.1s linear;
8099
+ background-color: inherit;
8100
+ border: 1px solid transparent;
8101
+ -webkit-box-shadow: none;
8102
+ box-shadow: none;
8351
8103
  }
8352
- .ant-input-number-handler:active {
8353
- background: #f4f4f4;
8104
+ .ant-input-number-group-addon .ant-select-open .ant-select-selector,
8105
+ .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
8106
+ color: #1890ff;
8354
8107
  }
8355
- .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
8356
- .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
8357
- color: #40a9ff;
8108
+ .ant-input-number-group-addon .ant-cascader-picker {
8109
+ margin: -9px -12px;
8110
+ background-color: transparent;
8358
8111
  }
8359
- .ant-input-number-handler-up-inner,
8360
- .ant-input-number-handler-down-inner {
8361
- display: inline-block;
8362
- color: inherit;
8363
- font-style: normal;
8364
- line-height: 0;
8365
- text-align: center;
8366
- text-transform: none;
8367
- vertical-align: -0.125em;
8368
- text-rendering: optimizeLegibility;
8369
- -webkit-font-smoothing: antialiased;
8370
- -moz-osx-font-smoothing: grayscale;
8371
- position: absolute;
8372
- right: 4px;
8373
- width: 12px;
8374
- height: 12px;
8375
- color: rgba(0, 0, 0, 0.45);
8376
- line-height: 12px;
8377
- -webkit-transition: all 0.1s linear;
8378
- transition: all 0.1s linear;
8379
- -webkit-user-select: none;
8380
- -moz-user-select: none;
8381
- -ms-user-select: none;
8382
- user-select: none;
8112
+ .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
8113
+ text-align: left;
8114
+ border: 0;
8115
+ -webkit-box-shadow: none;
8116
+ box-shadow: none;
8383
8117
  }
8384
- .ant-input-number-handler-up-inner > *,
8385
- .ant-input-number-handler-down-inner > * {
8386
- line-height: 1;
8118
+ .ant-input-number-group > .ant-input-number:first-child,
8119
+ .ant-input-number-group-addon:first-child {
8120
+ border-top-right-radius: 0;
8121
+ border-bottom-right-radius: 0;
8387
8122
  }
8388
- .ant-input-number-handler-up-inner svg,
8389
- .ant-input-number-handler-down-inner svg {
8390
- display: inline-block;
8123
+ .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
8124
+ .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
8125
+ border-top-right-radius: 0;
8126
+ border-bottom-right-radius: 0;
8391
8127
  }
8392
- .ant-input-number-handler-up-inner::before,
8393
- .ant-input-number-handler-down-inner::before {
8394
- display: none;
8128
+ .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
8129
+ border-top-left-radius: 0;
8130
+ border-bottom-left-radius: 0;
8395
8131
  }
8396
- .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
8397
- .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
8398
- .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
8399
- .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
8400
- display: block;
8132
+ .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
8133
+ border-top-right-radius: 0;
8134
+ border-bottom-right-radius: 0;
8401
8135
  }
8402
- .ant-input-number:hover {
8403
- border-color: #40a9ff;
8404
- border-right-width: 1px !important;
8136
+ .ant-input-number-group-addon:first-child {
8137
+ border-right: 0;
8405
8138
  }
8406
- .ant-input-number:hover + .ant-form-item-children-icon {
8407
- opacity: 0;
8408
- -webkit-transition: opacity 0.24s linear 0.24s;
8409
- transition: opacity 0.24s linear 0.24s;
8139
+ .ant-input-number-group-addon:last-child {
8140
+ border-left: 0;
8410
8141
  }
8411
- .ant-input-number-focused {
8412
- border-color: #40a9ff;
8413
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8414
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8415
- border-right-width: 1px !important;
8416
- outline: 0;
8142
+ .ant-input-number-group > .ant-input-number:last-child,
8143
+ .ant-input-number-group-addon:last-child {
8144
+ border-top-left-radius: 0;
8145
+ border-bottom-left-radius: 0;
8417
8146
  }
8418
- .ant-input-rtl .ant-input-number-focused {
8419
- border-right-width: 0;
8420
- border-left-width: 1px !important;
8147
+ .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
8148
+ .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
8149
+ border-top-left-radius: 0;
8150
+ border-bottom-left-radius: 0;
8421
8151
  }
8422
- .ant-input-number-disabled {
8423
- color: rgba(0, 0, 0, 0.25);
8424
- background-color: #f5f5f5;
8425
- border-color: #d9d9d9;
8426
- -webkit-box-shadow: none;
8427
- box-shadow: none;
8428
- cursor: not-allowed;
8429
- opacity: 1;
8152
+ .ant-input-number-group-lg .ant-input-number,
8153
+ .ant-input-number-group-lg > .ant-input-number-group-addon {
8154
+ padding: 6.5px 11px;
8155
+ font-size: 16px;
8430
8156
  }
8431
- .ant-input-number-disabled:hover {
8432
- border-color: #d9d9d9;
8433
- border-right-width: 1px !important;
8157
+ .ant-input-number-group-sm .ant-input-number,
8158
+ .ant-input-number-group-sm > .ant-input-number-group-addon {
8159
+ padding: 0px 7px;
8434
8160
  }
8435
- .ant-input-number-disabled .ant-input-number-input {
8436
- cursor: not-allowed;
8161
+ .ant-input-number-group-lg .ant-select-single .ant-select-selector {
8162
+ height: 40px;
8437
8163
  }
8438
- .ant-input-number-disabled .ant-input-number-handler-wrap {
8439
- display: none;
8164
+ .ant-input-number-group-sm .ant-select-single .ant-select-selector {
8165
+ height: 24px;
8440
8166
  }
8441
- .ant-input-number-readonly .ant-input-number-handler-wrap {
8442
- display: none;
8167
+ .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8168
+ border-top-right-radius: 0;
8169
+ border-bottom-right-radius: 0;
8443
8170
  }
8444
- .ant-input-number-input {
8445
- width: 100%;
8446
- height: 30px;
8447
- padding: 0 11px;
8448
- text-align: left;
8449
- background-color: transparent;
8450
- border: 0;
8451
- border-radius: 2px;
8452
- outline: 0;
8453
- -webkit-transition: all 0.3s linear;
8454
- transition: all 0.3s linear;
8455
- -webkit-appearance: textfield !important;
8456
- -moz-appearance: textfield !important;
8457
- appearance: textfield !important;
8458
- /* stylelint-disable-next-line selector-no-vendor-prefix */
8171
+ .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8172
+ border-top-left-radius: 2px;
8173
+ border-bottom-left-radius: 2px;
8459
8174
  }
8460
- .ant-input-number-input::-moz-placeholder {
8461
- opacity: 1;
8175
+ .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
8176
+ .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
8177
+ border-top-left-radius: 0;
8178
+ border-bottom-left-radius: 0;
8462
8179
  }
8463
- .ant-input-number-input::-webkit-input-placeholder {
8464
- color: #bfbfbf;
8465
- -webkit-user-select: none;
8466
- user-select: none;
8180
+ .ant-input-number-group.ant-input-number-group-compact {
8181
+ display: block;
8467
8182
  }
8468
- .ant-input-number-input::-ms-input-placeholder {
8469
- color: #bfbfbf;
8470
- -ms-user-select: none;
8471
- user-select: none;
8183
+ .ant-input-number-group.ant-input-number-group-compact::before {
8184
+ display: table;
8185
+ content: '';
8472
8186
  }
8473
- .ant-input-number-input::placeholder {
8474
- color: #bfbfbf;
8475
- -webkit-user-select: none;
8476
- -moz-user-select: none;
8477
- -ms-user-select: none;
8478
- user-select: none;
8187
+ .ant-input-number-group.ant-input-number-group-compact::after {
8188
+ display: table;
8189
+ clear: both;
8190
+ content: '';
8479
8191
  }
8480
- .ant-input-number-input:placeholder-shown {
8481
- text-overflow: ellipsis;
8192
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
8193
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
8194
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
8195
+ border-right-width: 1px;
8482
8196
  }
8483
- .ant-input-number-input[type='number']::-webkit-inner-spin-button,
8484
- .ant-input-number-input[type='number']::-webkit-outer-spin-button {
8485
- margin: 0;
8486
- /* stylelint-disable-next-line property-no-vendor-prefix */
8487
- -webkit-appearance: none;
8488
- appearance: none;
8197
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
8198
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
8199
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
8200
+ z-index: 1;
8489
8201
  }
8490
- .ant-input-number-lg {
8491
- padding: 0;
8492
- font-size: 16px;
8202
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
8203
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
8204
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
8205
+ z-index: 1;
8493
8206
  }
8494
- .ant-input-number-lg input {
8495
- height: 38px;
8207
+ .ant-input-number-group.ant-input-number-group-compact > * {
8208
+ display: inline-block;
8209
+ float: none;
8210
+ vertical-align: top;
8211
+ border-radius: 0;
8496
8212
  }
8497
- .ant-input-number-sm {
8498
- padding: 0;
8213
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
8214
+ display: -webkit-inline-box;
8215
+ display: -ms-inline-flexbox;
8216
+ display: inline-flex;
8499
8217
  }
8500
- .ant-input-number-sm input {
8501
- height: 22px;
8502
- padding: 0 7px;
8218
+ .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
8219
+ display: -webkit-inline-box;
8220
+ display: -ms-inline-flexbox;
8221
+ display: inline-flex;
8503
8222
  }
8504
- .ant-input-number-handler-wrap {
8505
- position: absolute;
8506
- top: 0;
8507
- right: 0;
8508
- width: 22px;
8509
- height: 100%;
8510
- background: #fff;
8511
- border-radius: 0 2px 2px 0;
8512
- opacity: 0;
8513
- -webkit-transition: opacity 0.24s linear 0.1s;
8514
- transition: opacity 0.24s linear 0.1s;
8223
+ .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
8224
+ margin-right: -1px;
8225
+ border-right-width: 1px;
8515
8226
  }
8516
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
8517
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
8518
- display: -webkit-box;
8519
- display: -ms-flexbox;
8520
- display: flex;
8521
- -webkit-box-align: center;
8522
- -ms-flex-align: center;
8523
- align-items: center;
8524
- -webkit-box-pack: center;
8525
- -ms-flex-pack: center;
8526
- justify-content: center;
8527
- min-width: auto;
8528
- margin-right: 0;
8529
- font-size: 7px;
8227
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
8228
+ float: none;
8530
8229
  }
8531
- .ant-input-number-borderless .ant-input-number-handler-wrap {
8532
- border-left-width: 0;
8230
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
8231
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
8232
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
8233
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
8234
+ border-right-width: 1px;
8235
+ border-radius: 0;
8533
8236
  }
8534
- .ant-input-number-handler-wrap:hover .ant-input-number-handler {
8535
- height: 40%;
8237
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
8238
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
8239
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
8240
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
8241
+ z-index: 1;
8536
8242
  }
8537
- .ant-input-number:hover .ant-input-number-handler-wrap,
8538
- .ant-input-number-focused .ant-input-number-handler-wrap {
8539
- opacity: 1;
8243
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
8244
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
8245
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
8246
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
8247
+ z-index: 1;
8540
8248
  }
8541
- .ant-input-number-handler-up {
8542
- border-top-right-radius: 2px;
8543
- cursor: pointer;
8249
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
8250
+ z-index: 1;
8544
8251
  }
8545
- .ant-input-number-handler-up-inner {
8546
- top: 50%;
8547
- margin-top: -5px;
8548
- text-align: center;
8252
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
8253
+ z-index: 1;
8549
8254
  }
8550
- .ant-input-number-handler-up:hover {
8551
- height: 60% !important;
8255
+ .ant-input-number-group.ant-input-number-group-compact > *:first-child,
8256
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
8257
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
8258
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
8259
+ border-top-left-radius: 2px;
8260
+ border-bottom-left-radius: 2px;
8552
8261
  }
8553
- .ant-input-number-handler-down {
8554
- top: 0;
8555
- border-top: 1px solid #d9d9d9;
8262
+ .ant-input-number-group.ant-input-number-group-compact > *:last-child,
8263
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
8264
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
8265
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
8266
+ border-right-width: 1px;
8267
+ border-top-right-radius: 2px;
8556
8268
  border-bottom-right-radius: 2px;
8557
- cursor: pointer;
8558
- }
8559
- .ant-input-number-handler-down-inner {
8560
- top: 50%;
8561
- text-align: center;
8562
- -webkit-transform: translateY(-50%);
8563
- transform: translateY(-50%);
8564
- }
8565
- .ant-input-number-handler-down:hover {
8566
- height: 60% !important;
8567
8269
  }
8568
- .ant-input-number-borderless .ant-input-number-handler-down {
8569
- border-top-width: 0;
8270
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
8271
+ vertical-align: top;
8570
8272
  }
8571
- .ant-input-number-handler-up-disabled,
8572
- .ant-input-number-handler-down-disabled {
8573
- cursor: not-allowed;
8273
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
8274
+ margin-left: -1px;
8574
8275
  }
8575
- .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
8576
- .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
8577
- color: rgba(0, 0, 0, 0.25);
8276
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
8277
+ border-radius: 0;
8578
8278
  }
8579
- .ant-input-number-borderless {
8580
- -webkit-box-shadow: none;
8581
- box-shadow: none;
8279
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
8280
+ border-radius: 0;
8582
8281
  }
8583
- .ant-input-number-out-of-range input {
8584
- color: #ff4d4f;
8282
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
8283
+ border-radius: 2px 0 0 2px;
8585
8284
  }
8586
- .ant-input-number-rtl {
8587
- direction: rtl;
8285
+ .ant-input-number-group > .ant-input-number-rtl:first-child,
8286
+ .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
8287
+ border-radius: 0 2px 2px 0;
8588
8288
  }
8589
- .ant-input-number-rtl .ant-input-number-handler {
8289
+ .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
8590
8290
  border-right: 1px solid #d9d9d9;
8591
8291
  border-left: 0;
8592
8292
  }
8593
- .ant-input-number-rtl .ant-input-number-handler-wrap {
8594
- right: auto;
8595
- left: 0;
8293
+ .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
8294
+ border-right: 0;
8295
+ border-left: 1px solid #d9d9d9;
8596
8296
  }
8597
- .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
8598
- border-right-width: 0;
8297
+ .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
8298
+ .ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
8299
+ border-radius: 2px 0 0 2px;
8599
8300
  }
8600
- .ant-input-number-rtl .ant-input-number-handler-up {
8601
- border-top-right-radius: 0;
8301
+ .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
8302
+ border-radius: 2px 0 0 2px;
8602
8303
  }
8603
- .ant-input-number-rtl .ant-input-number-handler-down {
8604
- border-bottom-right-radius: 0;
8304
+ .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8305
+ border-radius: 0 2px 2px 0;
8605
8306
  }
8606
- .ant-input-number-rtl .ant-input-number-input {
8607
- direction: ltr;
8608
- text-align: right;
8307
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
8308
+ margin-right: 0;
8309
+ margin-left: -1px;
8310
+ border-left-width: 1px;
8609
8311
  }
8610
- .pandora-sdk-range-input {
8611
- position: relative;
8312
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
8313
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
8314
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
8315
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
8316
+ border-radius: 0 2px 2px 0;
8612
8317
  }
8613
- .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
8614
- display: inline-block;
8615
- width: 40px;
8616
- line-height: 40px;
8617
- text-align: center;
8318
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
8319
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
8320
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
8321
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
8322
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
8323
+ border-left-width: 1px;
8324
+ border-radius: 2px 0 0 2px;
8618
8325
  }
8619
- .pandora-sdk-range-input .pandora-sdk-range-input-input {
8620
- width: calc(50% - 20px);
8621
- text-align: center;
8622
- display: inline-block;
8326
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
8327
+ margin-right: -1px;
8328
+ margin-left: 0;
8623
8329
  }
8624
- .pandora-sdk-range-input .pandora-sdk-range-input-error {
8625
- color: #ff4d4f;
8626
- line-height: 24px;
8627
- font-size: 12px;
8330
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
8331
+ border-radius: 0 2px 2px 0;
8628
8332
  }
8629
- .pandora-sdk-range-input .ant-input-number {
8333
+ .ant-input-number-group-wrapper {
8334
+ display: inline-block;
8335
+ text-align: start;
8336
+ vertical-align: top;
8337
+ }
8338
+ .ant-input-number-handler {
8339
+ position: relative;
8340
+ display: block;
8630
8341
  width: 100%;
8342
+ height: 50%;
8343
+ overflow: hidden;
8344
+ color: rgba(0, 0, 0, 0.45);
8345
+ font-weight: bold;
8346
+ line-height: 0;
8347
+ text-align: center;
8348
+ border-left: 1px solid #d9d9d9;
8349
+ -webkit-transition: all 0.1s linear;
8350
+ transition: all 0.1s linear;
8631
8351
  }
8632
- .pandora-sdk-range-input input::-webkit-outer-spin-button,
8633
- .pandora-sdk-range-input input::-webkit-inner-spin-button {
8634
- -webkit-appearance: none;
8352
+ .ant-input-number-handler:active {
8353
+ background: #f4f4f4;
8635
8354
  }
8636
- .pandora-sdk-range-input input[type='number'] {
8637
- -moz-appearance: textfield;
8355
+ .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
8356
+ .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
8357
+ color: #40a9ff;
8638
8358
  }
8639
- .ant-spin {
8640
- -webkit-box-sizing: border-box;
8641
- box-sizing: border-box;
8642
- margin: 0;
8643
- padding: 0;
8644
- color: rgba(0, 0, 0, 0.85);
8645
- font-size: 14px;
8646
- font-variant: tabular-nums;
8647
- line-height: 1.5715;
8648
- list-style: none;
8649
- -webkit-font-feature-settings: 'tnum';
8650
- font-feature-settings: 'tnum';
8651
- position: absolute;
8652
- display: none;
8653
- color: #1890ff;
8359
+ .ant-input-number-handler-up-inner,
8360
+ .ant-input-number-handler-down-inner {
8361
+ display: inline-block;
8362
+ color: inherit;
8363
+ font-style: normal;
8364
+ line-height: 0;
8654
8365
  text-align: center;
8655
- vertical-align: middle;
8656
- opacity: 0;
8657
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
8658
- transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
8659
- transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
8660
- transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
8366
+ text-transform: none;
8367
+ vertical-align: -0.125em;
8368
+ text-rendering: optimizeLegibility;
8369
+ -webkit-font-smoothing: antialiased;
8370
+ -moz-osx-font-smoothing: grayscale;
8371
+ position: absolute;
8372
+ right: 4px;
8373
+ width: 12px;
8374
+ height: 12px;
8375
+ color: rgba(0, 0, 0, 0.45);
8376
+ line-height: 12px;
8377
+ -webkit-transition: all 0.1s linear;
8378
+ transition: all 0.1s linear;
8379
+ -webkit-user-select: none;
8380
+ -moz-user-select: none;
8381
+ -ms-user-select: none;
8382
+ user-select: none;
8661
8383
  }
8662
- .ant-spin-spinning {
8663
- position: static;
8384
+ .ant-input-number-handler-up-inner > *,
8385
+ .ant-input-number-handler-down-inner > * {
8386
+ line-height: 1;
8387
+ }
8388
+ .ant-input-number-handler-up-inner svg,
8389
+ .ant-input-number-handler-down-inner svg {
8664
8390
  display: inline-block;
8665
- opacity: 1;
8666
8391
  }
8667
- .ant-spin-nested-loading {
8668
- position: relative;
8392
+ .ant-input-number-handler-up-inner::before,
8393
+ .ant-input-number-handler-down-inner::before {
8394
+ display: none;
8669
8395
  }
8670
- .ant-spin-nested-loading > div > .ant-spin {
8671
- position: absolute;
8672
- top: 0;
8673
- left: 0;
8674
- z-index: 4;
8396
+ .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
8397
+ .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
8398
+ .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
8399
+ .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
8675
8400
  display: block;
8676
- width: 100%;
8677
- height: 100%;
8678
- max-height: 400px;
8679
- }
8680
- .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
8681
- position: absolute;
8682
- top: 50%;
8683
- left: 50%;
8684
- margin: -10px;
8685
8401
  }
8686
- .ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
8687
- position: absolute;
8688
- top: 50%;
8689
- width: 100%;
8690
- padding-top: 5px;
8691
- text-shadow: 0 1px 2px #fff;
8402
+ .ant-input-number:hover {
8403
+ border-color: #40a9ff;
8404
+ border-right-width: 1px !important;
8692
8405
  }
8693
- .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
8694
- margin-top: -20px;
8406
+ .ant-input-number:hover + .ant-form-item-children-icon {
8407
+ opacity: 0;
8408
+ -webkit-transition: opacity 0.24s linear 0.24s;
8409
+ transition: opacity 0.24s linear 0.24s;
8695
8410
  }
8696
- .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
8697
- margin: -7px;
8411
+ .ant-input-number-focused {
8412
+ border-color: #40a9ff;
8413
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8414
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8415
+ border-right-width: 1px !important;
8416
+ outline: 0;
8698
8417
  }
8699
- .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
8700
- padding-top: 2px;
8418
+ .ant-input-rtl .ant-input-number-focused {
8419
+ border-right-width: 0;
8420
+ border-left-width: 1px !important;
8701
8421
  }
8702
- .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
8703
- margin-top: -17px;
8422
+ .ant-input-number-disabled {
8423
+ color: rgba(0, 0, 0, 0.25);
8424
+ background-color: #f5f5f5;
8425
+ border-color: #d9d9d9;
8426
+ -webkit-box-shadow: none;
8427
+ box-shadow: none;
8428
+ cursor: not-allowed;
8429
+ opacity: 1;
8704
8430
  }
8705
- .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
8706
- margin: -16px;
8431
+ .ant-input-number-disabled:hover {
8432
+ border-color: #d9d9d9;
8433
+ border-right-width: 1px !important;
8707
8434
  }
8708
- .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
8709
- padding-top: 11px;
8435
+ .ant-input-number-disabled .ant-input-number-input {
8436
+ cursor: not-allowed;
8710
8437
  }
8711
- .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
8712
- margin-top: -26px;
8438
+ .ant-input-number-disabled .ant-input-number-handler-wrap {
8439
+ display: none;
8713
8440
  }
8714
- .ant-spin-container {
8715
- position: relative;
8716
- -webkit-transition: opacity 0.3s;
8717
- transition: opacity 0.3s;
8441
+ .ant-input-number-readonly .ant-input-number-handler-wrap {
8442
+ display: none;
8718
8443
  }
8719
- .ant-spin-container::after {
8720
- position: absolute;
8721
- top: 0;
8722
- right: 0;
8723
- bottom: 0;
8724
- left: 0;
8725
- z-index: 10;
8726
- display: none \9;
8444
+ .ant-input-number-input {
8727
8445
  width: 100%;
8728
- height: 100%;
8729
- background: #fff;
8730
- opacity: 0;
8731
- -webkit-transition: all 0.3s;
8732
- transition: all 0.3s;
8733
- content: '';
8734
- pointer-events: none;
8446
+ height: 30px;
8447
+ padding: 0 11px;
8448
+ text-align: left;
8449
+ background-color: transparent;
8450
+ border: 0;
8451
+ border-radius: 2px;
8452
+ outline: 0;
8453
+ -webkit-transition: all 0.3s linear;
8454
+ transition: all 0.3s linear;
8455
+ -webkit-appearance: textfield !important;
8456
+ -moz-appearance: textfield !important;
8457
+ appearance: textfield !important;
8458
+ /* stylelint-disable-next-line selector-no-vendor-prefix */
8735
8459
  }
8736
- .ant-spin-blur {
8737
- clear: both;
8738
- opacity: 0.5;
8460
+ .ant-input-number-input::-moz-placeholder {
8461
+ opacity: 1;
8462
+ }
8463
+ .ant-input-number-input::-webkit-input-placeholder {
8464
+ color: #bfbfbf;
8465
+ -webkit-user-select: none;
8466
+ user-select: none;
8467
+ }
8468
+ .ant-input-number-input::-ms-input-placeholder {
8469
+ color: #bfbfbf;
8470
+ -ms-user-select: none;
8471
+ user-select: none;
8472
+ }
8473
+ .ant-input-number-input::placeholder {
8474
+ color: #bfbfbf;
8739
8475
  -webkit-user-select: none;
8740
8476
  -moz-user-select: none;
8741
8477
  -ms-user-select: none;
8742
8478
  user-select: none;
8743
- pointer-events: none;
8744
8479
  }
8745
- .ant-spin-blur::after {
8746
- opacity: 0.4;
8747
- pointer-events: auto;
8480
+ .ant-input-number-input:placeholder-shown {
8481
+ text-overflow: ellipsis;
8748
8482
  }
8749
- .ant-spin-tip {
8750
- color: rgba(0, 0, 0, 0.45);
8483
+ .ant-input-number-input[type='number']::-webkit-inner-spin-button,
8484
+ .ant-input-number-input[type='number']::-webkit-outer-spin-button {
8485
+ margin: 0;
8486
+ /* stylelint-disable-next-line property-no-vendor-prefix */
8487
+ -webkit-appearance: none;
8488
+ appearance: none;
8751
8489
  }
8752
- .ant-spin-dot {
8753
- position: relative;
8754
- display: inline-block;
8755
- font-size: 20px;
8756
- width: 1em;
8757
- height: 1em;
8490
+ .ant-input-number-lg {
8491
+ padding: 0;
8492
+ font-size: 16px;
8758
8493
  }
8759
- .ant-spin-dot-item {
8760
- position: absolute;
8761
- display: block;
8762
- width: 9px;
8763
- height: 9px;
8764
- background-color: #1890ff;
8765
- border-radius: 100%;
8766
- -webkit-transform: scale(0.75);
8767
- transform: scale(0.75);
8768
- -webkit-transform-origin: 50% 50%;
8769
- transform-origin: 50% 50%;
8770
- opacity: 0.3;
8771
- -webkit-animation: antSpinMove 1s infinite linear alternate;
8772
- animation: antSpinMove 1s infinite linear alternate;
8494
+ .ant-input-number-lg input {
8495
+ height: 38px;
8773
8496
  }
8774
- .ant-spin-dot-item:nth-child(1) {
8775
- top: 0;
8776
- left: 0;
8497
+ .ant-input-number-sm {
8498
+ padding: 0;
8777
8499
  }
8778
- .ant-spin-dot-item:nth-child(2) {
8500
+ .ant-input-number-sm input {
8501
+ height: 22px;
8502
+ padding: 0 7px;
8503
+ }
8504
+ .ant-input-number-handler-wrap {
8505
+ position: absolute;
8779
8506
  top: 0;
8780
8507
  right: 0;
8781
- -webkit-animation-delay: 0.4s;
8782
- animation-delay: 0.4s;
8508
+ width: 22px;
8509
+ height: 100%;
8510
+ background: #fff;
8511
+ border-radius: 0 2px 2px 0;
8512
+ opacity: 0;
8513
+ -webkit-transition: opacity 0.24s linear 0.1s;
8514
+ transition: opacity 0.24s linear 0.1s;
8783
8515
  }
8784
- .ant-spin-dot-item:nth-child(3) {
8785
- right: 0;
8786
- bottom: 0;
8787
- -webkit-animation-delay: 0.8s;
8788
- animation-delay: 0.8s;
8516
+ .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
8517
+ .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
8518
+ display: -webkit-box;
8519
+ display: -ms-flexbox;
8520
+ display: flex;
8521
+ -webkit-box-align: center;
8522
+ -ms-flex-align: center;
8523
+ align-items: center;
8524
+ -webkit-box-pack: center;
8525
+ -ms-flex-pack: center;
8526
+ justify-content: center;
8527
+ min-width: auto;
8528
+ margin-right: 0;
8529
+ font-size: 7px;
8789
8530
  }
8790
- .ant-spin-dot-item:nth-child(4) {
8791
- bottom: 0;
8792
- left: 0;
8793
- -webkit-animation-delay: 1.2s;
8794
- animation-delay: 1.2s;
8531
+ .ant-input-number-borderless .ant-input-number-handler-wrap {
8532
+ border-left-width: 0;
8795
8533
  }
8796
- .ant-spin-dot-spin {
8797
- -webkit-transform: rotate(45deg);
8798
- transform: rotate(45deg);
8799
- -webkit-animation: antRotate 1.2s infinite linear;
8800
- animation: antRotate 1.2s infinite linear;
8534
+ .ant-input-number-handler-wrap:hover .ant-input-number-handler {
8535
+ height: 40%;
8801
8536
  }
8802
- .ant-spin-sm .ant-spin-dot {
8803
- font-size: 14px;
8537
+ .ant-input-number:hover .ant-input-number-handler-wrap,
8538
+ .ant-input-number-focused .ant-input-number-handler-wrap {
8539
+ opacity: 1;
8804
8540
  }
8805
- .ant-spin-sm .ant-spin-dot i {
8806
- width: 6px;
8807
- height: 6px;
8541
+ .ant-input-number-handler-up {
8542
+ border-top-right-radius: 2px;
8543
+ cursor: pointer;
8808
8544
  }
8809
- .ant-spin-lg .ant-spin-dot {
8810
- font-size: 32px;
8545
+ .ant-input-number-handler-up-inner {
8546
+ top: 50%;
8547
+ margin-top: -5px;
8548
+ text-align: center;
8811
8549
  }
8812
- .ant-spin-lg .ant-spin-dot i {
8813
- width: 14px;
8814
- height: 14px;
8550
+ .ant-input-number-handler-up:hover {
8551
+ height: 60% !important;
8815
8552
  }
8816
- .ant-spin.ant-spin-show-text .ant-spin-text {
8817
- display: block;
8553
+ .ant-input-number-handler-down {
8554
+ top: 0;
8555
+ border-top: 1px solid #d9d9d9;
8556
+ border-bottom-right-radius: 2px;
8557
+ cursor: pointer;
8818
8558
  }
8819
- @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
8820
- /* IE10+ */
8821
- .ant-spin-blur {
8822
- background: #fff;
8823
- opacity: 0.5;
8824
- }
8559
+ .ant-input-number-handler-down-inner {
8560
+ top: 50%;
8561
+ text-align: center;
8562
+ -webkit-transform: translateY(-50%);
8563
+ transform: translateY(-50%);
8825
8564
  }
8826
- @-webkit-keyframes antSpinMove {
8827
- to {
8828
- opacity: 1;
8829
- }
8565
+ .ant-input-number-handler-down:hover {
8566
+ height: 60% !important;
8830
8567
  }
8831
- @keyframes antSpinMove {
8832
- to {
8833
- opacity: 1;
8834
- }
8568
+ .ant-input-number-borderless .ant-input-number-handler-down {
8569
+ border-top-width: 0;
8835
8570
  }
8836
- @-webkit-keyframes antRotate {
8837
- to {
8838
- -webkit-transform: rotate(405deg);
8839
- transform: rotate(405deg);
8840
- }
8571
+ .ant-input-number-handler-up-disabled,
8572
+ .ant-input-number-handler-down-disabled {
8573
+ cursor: not-allowed;
8574
+ }
8575
+ .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
8576
+ .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
8577
+ color: rgba(0, 0, 0, 0.25);
8578
+ }
8579
+ .ant-input-number-borderless {
8580
+ -webkit-box-shadow: none;
8581
+ box-shadow: none;
8841
8582
  }
8842
- @keyframes antRotate {
8843
- to {
8844
- -webkit-transform: rotate(405deg);
8845
- transform: rotate(405deg);
8846
- }
8583
+ .ant-input-number-out-of-range input {
8584
+ color: #ff4d4f;
8847
8585
  }
8848
- .ant-spin-rtl {
8586
+ .ant-input-number-rtl {
8849
8587
  direction: rtl;
8850
8588
  }
8851
- .ant-spin-rtl .ant-spin-dot-spin {
8852
- -webkit-transform: rotate(-45deg);
8853
- transform: rotate(-45deg);
8854
- -webkit-animation-name: antRotateRtl;
8855
- animation-name: antRotateRtl;
8589
+ .ant-input-number-rtl .ant-input-number-handler {
8590
+ border-right: 1px solid #d9d9d9;
8591
+ border-left: 0;
8856
8592
  }
8857
- @-webkit-keyframes antRotateRtl {
8858
- to {
8859
- -webkit-transform: rotate(-405deg);
8860
- transform: rotate(-405deg);
8861
- }
8593
+ .ant-input-number-rtl .ant-input-number-handler-wrap {
8594
+ right: auto;
8595
+ left: 0;
8862
8596
  }
8863
- @keyframes antRotateRtl {
8864
- to {
8865
- -webkit-transform: rotate(-405deg);
8866
- transform: rotate(-405deg);
8867
- }
8597
+ .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
8598
+ border-right-width: 0;
8868
8599
  }
8869
- .pandora-sdk-spin-container {
8600
+ .ant-input-number-rtl .ant-input-number-handler-up {
8601
+ border-top-right-radius: 0;
8602
+ }
8603
+ .ant-input-number-rtl .ant-input-number-handler-down {
8604
+ border-bottom-right-radius: 0;
8605
+ }
8606
+ .ant-input-number-rtl .ant-input-number-input {
8607
+ direction: ltr;
8608
+ text-align: right;
8609
+ }
8610
+ .pandora-sdk-range-input {
8870
8611
  position: relative;
8871
- width: 100%;
8872
- height: 100%;
8873
8612
  }
8874
- .pandora-sdk-spin-container .pandora-sdk-spin-loading {
8875
- position: absolute;
8876
- width: 60px;
8877
- height: 60px;
8878
- top: 50%;
8879
- left: 50%;
8880
- -webkit-transform: translate(-50%, -50%);
8881
- transform: translate(-50%, -50%);
8613
+ .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
8614
+ display: inline-block;
8615
+ width: 40px;
8616
+ line-height: 40px;
8617
+ text-align: center;
8882
8618
  }
8883
- .pandora-sdk-spin-container .ant-spin-container {
8884
- height: 100%;
8619
+ .pandora-sdk-range-input .pandora-sdk-range-input-input {
8620
+ width: calc(50% - 20px);
8621
+ text-align: center;
8622
+ display: inline-block;
8885
8623
  }
8886
- .pandora-sdk-spin-container .ant-spin-container > div {
8887
- height: 100%;
8624
+ .pandora-sdk-range-input .pandora-sdk-range-input-error {
8625
+ color: #ff4d4f;
8626
+ line-height: 24px;
8627
+ font-size: 12px;
8888
8628
  }
8889
- .pandora-sdk-spin-hide {
8890
- visibility: hidden;
8629
+ .pandora-sdk-range-input .ant-input-number {
8630
+ width: 100%;
8631
+ }
8632
+ .pandora-sdk-range-input input::-webkit-outer-spin-button,
8633
+ .pandora-sdk-range-input input::-webkit-inner-spin-button {
8634
+ -webkit-appearance: none;
8635
+ }
8636
+ .pandora-sdk-range-input input[type='number'] {
8637
+ -moz-appearance: textfield;
8891
8638
  }
8892
8639
  .ant-select-single .ant-select-selector {
8893
8640
  display: -webkit-box;
@@ -9615,103 +9362,356 @@ textarea.ant-input-number {
9615
9362
  padding-right: 0;
9616
9363
  padding-left: 21px;
9617
9364
  }
9618
- .pandora-sdk-selector {
9619
- width: 100%;
9620
- color: #333;
9365
+ .pandora-sdk-selector {
9366
+ width: 100%;
9367
+ color: #333;
9368
+ }
9369
+ .pandora-sdk-selector .ant-select-selection {
9370
+ background: #fff;
9371
+ }
9372
+ .pandora-sdk-selector .ant-select-selection:hover .ant-select-selection__clear + .ant-select-arrow {
9373
+ opacity: 0;
9374
+ }
9375
+ .pandora-sdk-selector.ant-select-multiple .ant-select-selection-item {
9376
+ color: #666;
9377
+ background: #f5f5f5;
9378
+ border: none;
9379
+ }
9380
+ .pandora-sdk-selector .ant-select-selection-item-remove {
9381
+ color: #d9d9d9;
9382
+ }
9383
+ .pandora-sdk-selector .ant-select-selection--single {
9384
+ height: 32px;
9385
+ }
9386
+ .pandora-sdk-selector .ant-select-selection__rendered {
9387
+ line-height: 30px;
9388
+ }
9389
+ .pandora-sdk-selector .ant-select-selection__clear {
9390
+ background: #fff;
9391
+ color: #666;
9392
+ }
9393
+ .pandora-sdk-selector .ant-select-selection__clear i {
9394
+ color: inherit;
9395
+ }
9396
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu {
9397
+ margin: 0;
9398
+ }
9399
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar {
9400
+ -webkit-appearance: none;
9401
+ }
9402
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:vertical {
9403
+ width: 6px;
9404
+ }
9405
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:horizontal {
9406
+ height: 6px;
9407
+ }
9408
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb {
9409
+ border-radius: 100px;
9410
+ background-color: rgba(35, 44, 59, 0.3);
9411
+ }
9412
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover {
9413
+ background: rgba(35, 44, 59, 0.6);
9414
+ }
9415
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-track {
9416
+ background-color: transparent;
9417
+ border-radius: 100px;
9418
+ }
9419
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
9420
+ background: transparent;
9421
+ }
9422
+ .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
9423
+ color: #d9d9d9;
9424
+ }
9425
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
9426
+ color: #2c6dd2;
9427
+ font-weight: 400;
9428
+ }
9429
+ .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
9430
+ color: #2c6dd2;
9431
+ }
9432
+ .pandora-sdk-selector-dropdown .ant-select-item-group {
9433
+ color: #d9d9d9;
9434
+ }
9435
+ .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
9436
+ display: inline-block;
9437
+ min-width: 100%;
9438
+ }
9439
+ .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu-item {
9440
+ overflow: unset;
9441
+ text-overflow: unset;
9442
+ }
9443
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
9444
+ color: #2c6dd2;
9445
+ cursor: default;
9446
+ }
9447
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
9448
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::after {
9449
+ content: none;
9450
+ }
9451
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
9452
+ color: #2c6dd2;
9453
+ }
9454
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state .anticon-check.anticon {
9455
+ color: #2c6dd2;
9456
+ }
9457
+ .pandora-sdk-selector-create-lint {
9458
+ display: block;
9459
+ }
9460
+ .pandora-sdk-close-icon {
9461
+ color: #d9d9d9;
9462
+ }
9463
+ .ant-spin {
9464
+ -webkit-box-sizing: border-box;
9465
+ box-sizing: border-box;
9466
+ margin: 0;
9467
+ padding: 0;
9468
+ color: rgba(0, 0, 0, 0.85);
9469
+ font-size: 14px;
9470
+ font-variant: tabular-nums;
9471
+ line-height: 1.5715;
9472
+ list-style: none;
9473
+ -webkit-font-feature-settings: 'tnum';
9474
+ font-feature-settings: 'tnum';
9475
+ position: absolute;
9476
+ display: none;
9477
+ color: #1890ff;
9478
+ text-align: center;
9479
+ vertical-align: middle;
9480
+ opacity: 0;
9481
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
9482
+ transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
9483
+ transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
9484
+ transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
9485
+ }
9486
+ .ant-spin-spinning {
9487
+ position: static;
9488
+ display: inline-block;
9489
+ opacity: 1;
9490
+ }
9491
+ .ant-spin-nested-loading {
9492
+ position: relative;
9493
+ }
9494
+ .ant-spin-nested-loading > div > .ant-spin {
9495
+ position: absolute;
9496
+ top: 0;
9497
+ left: 0;
9498
+ z-index: 4;
9499
+ display: block;
9500
+ width: 100%;
9501
+ height: 100%;
9502
+ max-height: 400px;
9503
+ }
9504
+ .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
9505
+ position: absolute;
9506
+ top: 50%;
9507
+ left: 50%;
9508
+ margin: -10px;
9509
+ }
9510
+ .ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
9511
+ position: absolute;
9512
+ top: 50%;
9513
+ width: 100%;
9514
+ padding-top: 5px;
9515
+ text-shadow: 0 1px 2px #fff;
9516
+ }
9517
+ .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
9518
+ margin-top: -20px;
9519
+ }
9520
+ .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
9521
+ margin: -7px;
9522
+ }
9523
+ .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
9524
+ padding-top: 2px;
9525
+ }
9526
+ .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
9527
+ margin-top: -17px;
9528
+ }
9529
+ .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
9530
+ margin: -16px;
9531
+ }
9532
+ .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
9533
+ padding-top: 11px;
9534
+ }
9535
+ .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
9536
+ margin-top: -26px;
9537
+ }
9538
+ .ant-spin-container {
9539
+ position: relative;
9540
+ -webkit-transition: opacity 0.3s;
9541
+ transition: opacity 0.3s;
9621
9542
  }
9622
- .pandora-sdk-selector .ant-select-selection {
9543
+ .ant-spin-container::after {
9544
+ position: absolute;
9545
+ top: 0;
9546
+ right: 0;
9547
+ bottom: 0;
9548
+ left: 0;
9549
+ z-index: 10;
9550
+ display: none \9;
9551
+ width: 100%;
9552
+ height: 100%;
9623
9553
  background: #fff;
9624
- }
9625
- .pandora-sdk-selector .ant-select-selection:hover .ant-select-selection__clear + .ant-select-arrow {
9626
9554
  opacity: 0;
9555
+ -webkit-transition: all 0.3s;
9556
+ transition: all 0.3s;
9557
+ content: '';
9558
+ pointer-events: none;
9627
9559
  }
9628
- .pandora-sdk-selector.ant-select-multiple .ant-select-selection-item {
9629
- color: #666;
9630
- background: #f5f5f5;
9631
- border: none;
9560
+ .ant-spin-blur {
9561
+ clear: both;
9562
+ opacity: 0.5;
9563
+ -webkit-user-select: none;
9564
+ -moz-user-select: none;
9565
+ -ms-user-select: none;
9566
+ user-select: none;
9567
+ pointer-events: none;
9632
9568
  }
9633
- .pandora-sdk-selector .ant-select-selection-item-remove {
9634
- color: #d9d9d9;
9569
+ .ant-spin-blur::after {
9570
+ opacity: 0.4;
9571
+ pointer-events: auto;
9635
9572
  }
9636
- .pandora-sdk-selector .ant-select-selection--single {
9637
- height: 32px;
9573
+ .ant-spin-tip {
9574
+ color: rgba(0, 0, 0, 0.45);
9638
9575
  }
9639
- .pandora-sdk-selector .ant-select-selection__rendered {
9640
- line-height: 30px;
9576
+ .ant-spin-dot {
9577
+ position: relative;
9578
+ display: inline-block;
9579
+ font-size: 20px;
9580
+ width: 1em;
9581
+ height: 1em;
9641
9582
  }
9642
- .pandora-sdk-selector .ant-select-selection__clear {
9643
- background: #fff;
9644
- color: #666;
9583
+ .ant-spin-dot-item {
9584
+ position: absolute;
9585
+ display: block;
9586
+ width: 9px;
9587
+ height: 9px;
9588
+ background-color: #1890ff;
9589
+ border-radius: 100%;
9590
+ -webkit-transform: scale(0.75);
9591
+ transform: scale(0.75);
9592
+ -webkit-transform-origin: 50% 50%;
9593
+ transform-origin: 50% 50%;
9594
+ opacity: 0.3;
9595
+ -webkit-animation: antSpinMove 1s infinite linear alternate;
9596
+ animation: antSpinMove 1s infinite linear alternate;
9645
9597
  }
9646
- .pandora-sdk-selector .ant-select-selection__clear i {
9647
- color: inherit;
9598
+ .ant-spin-dot-item:nth-child(1) {
9599
+ top: 0;
9600
+ left: 0;
9648
9601
  }
9649
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu {
9650
- margin: 0;
9602
+ .ant-spin-dot-item:nth-child(2) {
9603
+ top: 0;
9604
+ right: 0;
9605
+ -webkit-animation-delay: 0.4s;
9606
+ animation-delay: 0.4s;
9651
9607
  }
9652
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar {
9653
- -webkit-appearance: none;
9608
+ .ant-spin-dot-item:nth-child(3) {
9609
+ right: 0;
9610
+ bottom: 0;
9611
+ -webkit-animation-delay: 0.8s;
9612
+ animation-delay: 0.8s;
9654
9613
  }
9655
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:vertical {
9656
- width: 6px;
9614
+ .ant-spin-dot-item:nth-child(4) {
9615
+ bottom: 0;
9616
+ left: 0;
9617
+ -webkit-animation-delay: 1.2s;
9618
+ animation-delay: 1.2s;
9657
9619
  }
9658
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:horizontal {
9620
+ .ant-spin-dot-spin {
9621
+ -webkit-transform: rotate(45deg);
9622
+ transform: rotate(45deg);
9623
+ -webkit-animation: antRotate 1.2s infinite linear;
9624
+ animation: antRotate 1.2s infinite linear;
9625
+ }
9626
+ .ant-spin-sm .ant-spin-dot {
9627
+ font-size: 14px;
9628
+ }
9629
+ .ant-spin-sm .ant-spin-dot i {
9630
+ width: 6px;
9659
9631
  height: 6px;
9660
9632
  }
9661
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb {
9662
- border-radius: 100px;
9663
- background-color: rgba(35, 44, 59, 0.3);
9633
+ .ant-spin-lg .ant-spin-dot {
9634
+ font-size: 32px;
9664
9635
  }
9665
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover {
9666
- background: rgba(35, 44, 59, 0.6);
9636
+ .ant-spin-lg .ant-spin-dot i {
9637
+ width: 14px;
9638
+ height: 14px;
9667
9639
  }
9668
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-track {
9669
- background-color: transparent;
9670
- border-radius: 100px;
9640
+ .ant-spin.ant-spin-show-text .ant-spin-text {
9641
+ display: block;
9671
9642
  }
9672
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
9673
- background: transparent;
9643
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
9644
+ /* IE10+ */
9645
+ .ant-spin-blur {
9646
+ background: #fff;
9647
+ opacity: 0.5;
9648
+ }
9674
9649
  }
9675
- .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
9676
- color: #d9d9d9;
9650
+ @-webkit-keyframes antSpinMove {
9651
+ to {
9652
+ opacity: 1;
9653
+ }
9677
9654
  }
9678
- .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
9679
- color: #2c6dd2;
9680
- font-weight: 400;
9655
+ @keyframes antSpinMove {
9656
+ to {
9657
+ opacity: 1;
9658
+ }
9681
9659
  }
9682
- .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
9683
- color: #2c6dd2;
9660
+ @-webkit-keyframes antRotate {
9661
+ to {
9662
+ -webkit-transform: rotate(405deg);
9663
+ transform: rotate(405deg);
9664
+ }
9684
9665
  }
9685
- .pandora-sdk-selector-dropdown .ant-select-item-group {
9686
- color: #d9d9d9;
9666
+ @keyframes antRotate {
9667
+ to {
9668
+ -webkit-transform: rotate(405deg);
9669
+ transform: rotate(405deg);
9670
+ }
9687
9671
  }
9688
- .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
9689
- display: inline-block;
9690
- min-width: 100%;
9672
+ .ant-spin-rtl {
9673
+ direction: rtl;
9691
9674
  }
9692
- .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu-item {
9693
- overflow: unset;
9694
- text-overflow: unset;
9675
+ .ant-spin-rtl .ant-spin-dot-spin {
9676
+ -webkit-transform: rotate(-45deg);
9677
+ transform: rotate(-45deg);
9678
+ -webkit-animation-name: antRotateRtl;
9679
+ animation-name: antRotateRtl;
9695
9680
  }
9696
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
9697
- color: #2c6dd2;
9698
- cursor: default;
9681
+ @-webkit-keyframes antRotateRtl {
9682
+ to {
9683
+ -webkit-transform: rotate(-405deg);
9684
+ transform: rotate(-405deg);
9685
+ }
9699
9686
  }
9700
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
9701
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::after {
9702
- content: none;
9687
+ @keyframes antRotateRtl {
9688
+ to {
9689
+ -webkit-transform: rotate(-405deg);
9690
+ transform: rotate(-405deg);
9691
+ }
9703
9692
  }
9704
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
9705
- color: #2c6dd2;
9693
+ .pandora-sdk-spin-container {
9694
+ position: relative;
9695
+ width: 100%;
9696
+ height: 100%;
9706
9697
  }
9707
- .pandora-sdk-selector-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state .anticon-check.anticon {
9708
- color: #2c6dd2;
9698
+ .pandora-sdk-spin-container .pandora-sdk-spin-loading {
9699
+ position: absolute;
9700
+ width: 60px;
9701
+ height: 60px;
9702
+ top: 50%;
9703
+ left: 50%;
9704
+ -webkit-transform: translate(-50%, -50%);
9705
+ transform: translate(-50%, -50%);
9709
9706
  }
9710
- .pandora-sdk-selector-create-lint {
9711
- display: block;
9707
+ .pandora-sdk-spin-container .ant-spin-container {
9708
+ height: 100%;
9712
9709
  }
9713
- .pandora-sdk-close-icon {
9714
- color: #d9d9d9;
9710
+ .pandora-sdk-spin-container .ant-spin-container > div {
9711
+ height: 100%;
9712
+ }
9713
+ .pandora-sdk-spin-hide {
9714
+ visibility: hidden;
9715
9715
  }
9716
9716
  .ant-steps {
9717
9717
  -webkit-box-sizing: border-box;
@@ -12226,8 +12226,55 @@ textarea.ant-pagination-options-quick-jumper input {
12226
12226
  .ant-table-cell::before {
12227
12227
  display: none;
12228
12228
  }
12229
- .ant-empty .ant-empty-description {
12230
- color: #bfbfbf;
12229
+ .ant-empty .ant-empty-description {
12230
+ color: #bfbfbf;
12231
+ }
12232
+ .pandora-sdk-tabs .pandora-sdk-tabs-tab {
12233
+ position: relative;
12234
+ }
12235
+ .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
12236
+ opacity: 1;
12237
+ pointer-events: auto;
12238
+ }
12239
+ .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
12240
+ margin-right: 0;
12241
+ }
12242
+ .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
12243
+ margin-left: 8px;
12244
+ font-size: 12px;
12245
+ color: #d9d9d9;
12246
+ -webkit-transition: color 0.5s, opacity 0.2s;
12247
+ transition: color 0.5s, opacity 0.2s;
12248
+ pointer-events: none;
12249
+ opacity: 0;
12250
+ position: absolute;
12251
+ top: 50%;
12252
+ -webkit-transform: translateY(-50%);
12253
+ transform: translateY(-50%);
12254
+ }
12255
+ .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
12256
+ color: #2c6dd2;
12257
+ }
12258
+ .pandora-sdk-timeline-container {
12259
+ list-style: none;
12260
+ margin: 0;
12261
+ line-height: 1.5;
12262
+ font-size: 14px;
12263
+ color: rgba(0, 0, 0, 0.65);
12264
+ -webkit-box-sizing: border-box;
12265
+ box-sizing: border-box;
12266
+ padding: 0;
12267
+ }
12268
+ .pandora-sdk-timeline-container .pandora-sdk-icon {
12269
+ margin: 0 8px;
12270
+ color: inherit;
12271
+ vertical-align: middle;
12272
+ font-size: 14px;
12273
+ -webkit-transition: 0.3s;
12274
+ transition: 0.3s;
12275
+ }
12276
+ .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
12277
+ color: #7a869a;
12231
12278
  }
12232
12279
  .ant-tag {
12233
12280
  -webkit-box-sizing: border-box;
@@ -12496,53 +12543,6 @@ textarea.ant-pagination-options-quick-jumper input {
12496
12543
  .pandora-sdk-popover > div {
12497
12544
  margin: 4px;
12498
12545
  }
12499
- .pandora-sdk-tabs .pandora-sdk-tabs-tab {
12500
- position: relative;
12501
- }
12502
- .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
12503
- opacity: 1;
12504
- pointer-events: auto;
12505
- }
12506
- .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
12507
- margin-right: 0;
12508
- }
12509
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
12510
- margin-left: 8px;
12511
- font-size: 12px;
12512
- color: #d9d9d9;
12513
- -webkit-transition: color 0.5s, opacity 0.2s;
12514
- transition: color 0.5s, opacity 0.2s;
12515
- pointer-events: none;
12516
- opacity: 0;
12517
- position: absolute;
12518
- top: 50%;
12519
- -webkit-transform: translateY(-50%);
12520
- transform: translateY(-50%);
12521
- }
12522
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
12523
- color: #2c6dd2;
12524
- }
12525
- .pandora-sdk-timeline-container {
12526
- list-style: none;
12527
- margin: 0;
12528
- line-height: 1.5;
12529
- font-size: 14px;
12530
- color: rgba(0, 0, 0, 0.65);
12531
- -webkit-box-sizing: border-box;
12532
- box-sizing: border-box;
12533
- padding: 0;
12534
- }
12535
- .pandora-sdk-timeline-container .pandora-sdk-icon {
12536
- margin: 0 8px;
12537
- color: inherit;
12538
- vertical-align: middle;
12539
- font-size: 14px;
12540
- -webkit-transition: 0.3s;
12541
- transition: 0.3s;
12542
- }
12543
- .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
12544
- color: #7a869a;
12545
- }
12546
12546
  .pandora-sdk-transfer-container {
12547
12547
  display: -webkit-box;
12548
12548
  display: -ms-flexbox;
@@ -13162,12 +13162,6 @@ textarea.ant-pagination-options-quick-jumper input {
13162
13162
  .pandora-sdk-tree-select-dropdown .ant-empty {
13163
13163
  text-align: center;
13164
13164
  }
13165
- .pandora-sdk-card-search-input {
13166
- min-width: 200px;
13167
- }
13168
- .pandora-sdk-card-search-input i {
13169
- color: #bfbfbf;
13170
- }
13171
13165
  .ant-row {
13172
13166
  display: -webkit-box;
13173
13167
  display: -ms-flexbox;
@@ -19057,6 +19051,12 @@ textarea.ant-pagination-options-quick-jumper input {
19057
19051
  .pandora-sdk-card-row-extra button {
19058
19052
  min-width: 80px;
19059
19053
  }
19054
+ .pandora-sdk-card-search-input {
19055
+ min-width: 200px;
19056
+ }
19057
+ .pandora-sdk-card-search-input i {
19058
+ color: #bfbfbf;
19059
+ }
19060
19060
  .ant-picker {
19061
19061
  -webkit-box-sizing: border-box;
19062
19062
  box-sizing: border-box;
@@ -20367,28 +20367,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20367
20367
  pointer-events: none;
20368
20368
  color: #7a869a;
20369
20369
  }
20370
- .pandora-sdk-item {
20371
- color: #2c6dd2;
20372
- cursor: pointer;
20373
- }
20374
- .pandora-sdk-item > .anticon {
20375
- color: inherit;
20376
- }
20377
- .pandora-sdk-item.pandora-sdk-disabled {
20378
- color: #bfbfbf;
20379
- cursor: not-allowed;
20380
- pointer-events: none;
20381
- }
20382
- .pandora-sdk-item.pandora-sdk-disabled .anticon {
20383
- color: #bfbfbf;
20384
- }
20385
- .pandora-sdk-item.pandora-sdk-active {
20386
- background: rgba(44, 109, 210, 0.05);
20387
- }
20388
- .pandora-sdk-item a {
20389
- color: inherit;
20390
- cursor: inherit;
20391
- }
20392
20370
  .pandora-sdk-popover-item {
20393
20371
  display: inline-block;
20394
20372
  line-height: 18px;
@@ -20427,6 +20405,28 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20427
20405
  .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
20428
20406
  color: #2c6dd2;
20429
20407
  }
20408
+ .pandora-sdk-item {
20409
+ color: #2c6dd2;
20410
+ cursor: pointer;
20411
+ }
20412
+ .pandora-sdk-item > .anticon {
20413
+ color: inherit;
20414
+ }
20415
+ .pandora-sdk-item.pandora-sdk-disabled {
20416
+ color: #bfbfbf;
20417
+ cursor: not-allowed;
20418
+ pointer-events: none;
20419
+ }
20420
+ .pandora-sdk-item.pandora-sdk-disabled .anticon {
20421
+ color: #bfbfbf;
20422
+ }
20423
+ .pandora-sdk-item.pandora-sdk-active {
20424
+ background: rgba(44, 109, 210, 0.05);
20425
+ }
20426
+ .pandora-sdk-item a {
20427
+ color: inherit;
20428
+ cursor: inherit;
20429
+ }
20430
20430
  .pandora-sdk-prev-button {
20431
20431
  margin-right: 10px;
20432
20432
  }
@@ -20469,6 +20469,50 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20469
20469
  flex-wrap: wrap;
20470
20470
  width: 400px;
20471
20471
  }
20472
+ .pandora-sdk-timeline-item {
20473
+ font-size: 14px;
20474
+ list-style: none;
20475
+ margin: 0;
20476
+ position: relative;
20477
+ padding: 0 0 20px;
20478
+ min-height: 50px;
20479
+ }
20480
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-tail {
20481
+ position: absolute;
20482
+ top: 0.75em;
20483
+ height: 100%;
20484
+ border-left: 2px solid #d9d9d9;
20485
+ }
20486
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head {
20487
+ position: absolute;
20488
+ -webkit-transform: translateX(-4px);
20489
+ transform: translateX(-4px);
20490
+ }
20491
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head-dot {
20492
+ display: inline-block;
20493
+ -webkit-box-sizing: border-box;
20494
+ box-sizing: border-box;
20495
+ width: 10px;
20496
+ height: 10px;
20497
+ background-color: #2c6dd2;
20498
+ border-radius: 100px;
20499
+ border: 2px solid transparent;
20500
+ }
20501
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-content {
20502
+ text-align: left;
20503
+ color: #333;
20504
+ text-overflow: ellipsis;
20505
+ display: -webkit-box;
20506
+ -webkit-line-clamp: 3;
20507
+ -webkit-box-orient: vertical;
20508
+ }
20509
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-time {
20510
+ margin-right: 18px;
20511
+ position: absolute;
20512
+ text-align: right;
20513
+ font-size: 14px;
20514
+ color: #333;
20515
+ }
20472
20516
  .pandora-sdk-root {
20473
20517
  display: inline-block;
20474
20518
  line-height: 24px;
@@ -20535,50 +20579,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20535
20579
  .pandora-sdk-root.pandora-sdk-grey {
20536
20580
  background: #ebecf0;
20537
20581
  }
20538
- .pandora-sdk-timeline-item {
20539
- font-size: 14px;
20540
- list-style: none;
20541
- margin: 0;
20542
- position: relative;
20543
- padding: 0 0 20px;
20544
- min-height: 50px;
20545
- }
20546
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-tail {
20547
- position: absolute;
20548
- top: 0.75em;
20549
- height: 100%;
20550
- border-left: 2px solid #d9d9d9;
20551
- }
20552
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head {
20553
- position: absolute;
20554
- -webkit-transform: translateX(-4px);
20555
- transform: translateX(-4px);
20556
- }
20557
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head-dot {
20558
- display: inline-block;
20559
- -webkit-box-sizing: border-box;
20560
- box-sizing: border-box;
20561
- width: 10px;
20562
- height: 10px;
20563
- background-color: #2c6dd2;
20564
- border-radius: 100px;
20565
- border: 2px solid transparent;
20566
- }
20567
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-content {
20568
- text-align: left;
20569
- color: #333;
20570
- text-overflow: ellipsis;
20571
- display: -webkit-box;
20572
- -webkit-line-clamp: 3;
20573
- -webkit-box-orient: vertical;
20574
- }
20575
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-time {
20576
- margin-right: 18px;
20577
- position: absolute;
20578
- text-align: right;
20579
- font-size: 14px;
20580
- color: #333;
20581
- }
20582
20582
  .pandora-sdk-switch {
20583
20583
  display: inline-block;
20584
20584
  margin: 4px;
@@ -20636,6 +20636,34 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20636
20636
  .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
20637
20637
  margin-bottom: 10px;
20638
20638
  }
20639
+ .pandora-sdk-panel-title {
20640
+ display: -webkit-box;
20641
+ display: -ms-flexbox;
20642
+ display: flex;
20643
+ -webkit-box-pack: justify;
20644
+ -ms-flex-pack: justify;
20645
+ justify-content: space-between;
20646
+ font-size: 12px;
20647
+ color: #42526e;
20648
+ cursor: pointer;
20649
+ padding-bottom: 16px;
20650
+ border-bottom: 1px solid #d9d9d9;
20651
+ }
20652
+ .pandora-sdk-panel-title .icon {
20653
+ font-size: 14px;
20654
+ }
20655
+ .pandora-sdk-panel-content {
20656
+ padding: 20px 0 0 0;
20657
+ }
20658
+ .pandora-sdk-panel-hidden {
20659
+ display: none;
20660
+ }
20661
+ .pandora-sdk-panel {
20662
+ margin-bottom: 20px;
20663
+ }
20664
+ .pandora-sdk-panel-disable {
20665
+ cursor: default;
20666
+ }
20639
20667
  .pandora-sdk-datetime-mobile-pick-range-preset-head {
20640
20668
  display: -webkit-box;
20641
20669
  display: -ms-flexbox;
@@ -20672,31 +20700,3 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20672
20700
  border-radius: 2px;
20673
20701
  border: 2px solid #939393;
20674
20702
  }
20675
- .pandora-sdk-panel-title {
20676
- display: -webkit-box;
20677
- display: -ms-flexbox;
20678
- display: flex;
20679
- -webkit-box-pack: justify;
20680
- -ms-flex-pack: justify;
20681
- justify-content: space-between;
20682
- font-size: 12px;
20683
- color: #42526e;
20684
- cursor: pointer;
20685
- padding-bottom: 16px;
20686
- border-bottom: 1px solid #d9d9d9;
20687
- }
20688
- .pandora-sdk-panel-title .icon {
20689
- font-size: 14px;
20690
- }
20691
- .pandora-sdk-panel-content {
20692
- padding: 20px 0 0 0;
20693
- }
20694
- .pandora-sdk-panel-hidden {
20695
- display: none;
20696
- }
20697
- .pandora-sdk-panel {
20698
- margin-bottom: 20px;
20699
- }
20700
- .pandora-sdk-panel-disable {
20701
- cursor: default;
20702
- }