@qn-pandora/pandora-component 4.0.5 → 4.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.json +23 -0
  2. package/CHANGELOG.md +9 -1
  3. package/es/components/AutoComplete/index.d.ts +2 -1
  4. package/es/components/AutoComplete/index.js +2 -2
  5. package/es/components/KeyValuePair/index.d.ts +4 -0
  6. package/es/components/KeyValuePair/index.js +5 -3
  7. package/es/components/KeyValuePair/style.css +4 -0
  8. package/es/components/KeyValuePair/style.less +4 -0
  9. package/es/components/Selector/index.d.ts +2 -0
  10. package/es/components/Selector/index.js +2 -2
  11. package/es/index.css +5747 -5743
  12. package/es/index.less +15 -15
  13. package/lib/components/AutoComplete/index.d.ts +2 -1
  14. package/lib/components/AutoComplete/index.js +2 -2
  15. package/lib/components/KeyValuePair/index.d.ts +4 -0
  16. package/lib/components/KeyValuePair/index.js +5 -3
  17. package/lib/components/KeyValuePair/style.css +4 -0
  18. package/lib/components/KeyValuePair/style.less +4 -0
  19. package/lib/components/Selector/index.d.ts +2 -0
  20. package/lib/components/Selector/index.js +2 -2
  21. package/lib/index.css +2086 -2082
  22. package/lib/index.less +13 -13
  23. package/package.json +4 -4
package/lib/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;
@@ -4276,6 +4276,14 @@ textarea.ant-input {
4276
4276
  .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4277
4277
  line-height: 40px;
4278
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
+ }
4279
4287
  .ant-collapse {
4280
4288
  -webkit-box-sizing: border-box;
4281
4289
  box-sizing: border-box;
@@ -4480,15 +4488,63 @@ textarea.ant-input {
4480
4488
  .pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-content {
4481
4489
  border: none;
4482
4490
  }
4483
- .pandora-sdk-checkbox-item {
4484
- white-space: nowrap;
4485
- width: 100%;
4491
+ .pandora-sdk-collapsible-panel > .panel-header {
4492
+ position: relative;
4493
+ padding: 12px 16px 12px 40px;
4494
+ cursor: pointer;
4495
+ color: rgba(0, 0, 0, 0.85);
4496
+ background-color: #f4f5f7;
4497
+ border: 1px solid #d9d9d9;
4486
4498
  }
4487
- .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
4488
- margin-left: 0;
4489
- line-height: 25px;
4499
+ .pandora-sdk-collapsible-panel > .panel-header > .icon {
4500
+ position: absolute;
4501
+ left: 16px;
4502
+ top: 50%;
4503
+ -webkit-transform: translateY(-50%);
4504
+ transform: translateY(-50%);
4490
4505
  }
4491
- .ant-upload {
4506
+ .pandora-sdk-collapsible-panel > .panel-header > .icon > i {
4507
+ color: inherit;
4508
+ }
4509
+ .pandora-sdk-collapsible-panel > .panel-header > .icon > i > svg {
4510
+ -webkit-transition: -webkit-transform 0.2s linear;
4511
+ transition: -webkit-transform 0.2s linear;
4512
+ transition: transform 0.2s linear;
4513
+ transition: transform 0.2s linear, -webkit-transform 0.2s linear;
4514
+ }
4515
+ .pandora-sdk-collapsible-panel > .panel-header.disabled-header {
4516
+ cursor: not-allowed;
4517
+ }
4518
+ .pandora-sdk-collapsible-panel > .panel-content-box {
4519
+ overflow-y: hidden;
4520
+ padding: 0;
4521
+ margin: 0;
4522
+ border: none;
4523
+ }
4524
+ .pandora-sdk-collapsible-panel > .panel-content-box > div > .panel-content {
4525
+ padding: 8px 16px;
4526
+ color: rgba(0, 0, 0, 0.85);
4527
+ background-color: #fff;
4528
+ border: 1px solid #d9d9d9;
4529
+ border-top: none;
4530
+ overflow-x: auto;
4531
+ }
4532
+ .pandora-sdk-collapsible-panel.no-border > .panel-header,
4533
+ .pandora-sdk-collapsible-panel.no-border > .panel-content-box > div > .panel-content {
4534
+ border: none;
4535
+ }
4536
+ .pandora-sdk-collapsible-panel.icon-right > .panel-header {
4537
+ padding: 12px 40px 12px 16px;
4538
+ }
4539
+ .pandora-sdk-collapsible-panel.icon-right > .panel-header > :local(.icon) {
4540
+ left: unset;
4541
+ right: 16px;
4542
+ }
4543
+ .pandora-sdk-collapsible-panel.hide-arrow > .panel-header {
4544
+ padding-left: 16px;
4545
+ padding-right: 16px;
4546
+ }
4547
+ .ant-popover {
4492
4548
  -webkit-box-sizing: border-box;
4493
4549
  box-sizing: border-box;
4494
4550
  margin: 0;
@@ -4500,1527 +4556,1756 @@ textarea.ant-input {
4500
4556
  list-style: none;
4501
4557
  -webkit-font-feature-settings: 'tnum';
4502
4558
  font-feature-settings: 'tnum';
4503
- outline: 0;
4559
+ position: absolute;
4560
+ top: 0;
4561
+ left: 0;
4562
+ z-index: 1030;
4563
+ font-weight: normal;
4564
+ white-space: normal;
4565
+ text-align: left;
4566
+ cursor: auto;
4567
+ -webkit-user-select: text;
4568
+ -moz-user-select: text;
4569
+ -ms-user-select: text;
4570
+ user-select: text;
4504
4571
  }
4505
- .ant-upload p {
4506
- margin: 0;
4572
+ .ant-popover::after {
4573
+ position: absolute;
4574
+ background: rgba(255, 255, 255, 0.01);
4575
+ content: '';
4507
4576
  }
4508
- .ant-upload-btn {
4509
- display: block;
4510
- width: 100%;
4511
- outline: none;
4577
+ .ant-popover-hidden {
4578
+ display: none;
4512
4579
  }
4513
- .ant-upload input[type='file'] {
4514
- cursor: pointer;
4580
+ .ant-popover-placement-top,
4581
+ .ant-popover-placement-topLeft,
4582
+ .ant-popover-placement-topRight {
4583
+ padding-bottom: 10px;
4515
4584
  }
4516
- .ant-upload.ant-upload-select {
4517
- display: inline-block;
4585
+ .ant-popover-placement-right,
4586
+ .ant-popover-placement-rightTop,
4587
+ .ant-popover-placement-rightBottom {
4588
+ padding-left: 10px;
4518
4589
  }
4519
- .ant-upload.ant-upload-disabled {
4520
- cursor: not-allowed;
4590
+ .ant-popover-placement-bottom,
4591
+ .ant-popover-placement-bottomLeft,
4592
+ .ant-popover-placement-bottomRight {
4593
+ padding-top: 10px;
4521
4594
  }
4522
- .ant-upload.ant-upload-select-picture-card {
4523
- width: 104px;
4524
- height: 104px;
4525
- margin-right: 8px;
4526
- margin-bottom: 8px;
4527
- text-align: center;
4528
- vertical-align: top;
4529
- background-color: #fafafa;
4530
- border: 1px dashed #d9d9d9;
4595
+ .ant-popover-placement-left,
4596
+ .ant-popover-placement-leftTop,
4597
+ .ant-popover-placement-leftBottom {
4598
+ padding-right: 10px;
4599
+ }
4600
+ .ant-popover-inner {
4601
+ background-color: #fff;
4602
+ background-clip: padding-box;
4531
4603
  border-radius: 2px;
4532
- cursor: pointer;
4533
- -webkit-transition: border-color 0.3s;
4534
- transition: border-color 0.3s;
4604
+ -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
4605
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
4606
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
4607
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
4535
4608
  }
4536
- .ant-upload.ant-upload-select-picture-card > .ant-upload {
4537
- display: -webkit-box;
4538
- display: -ms-flexbox;
4539
- display: flex;
4540
- -webkit-box-align: center;
4541
- -ms-flex-align: center;
4542
- align-items: center;
4543
- -webkit-box-pack: center;
4544
- -ms-flex-pack: center;
4545
- justify-content: center;
4546
- height: 100%;
4547
- text-align: center;
4609
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
4610
+ .ant-popover {
4611
+ /* IE10+ */
4612
+ }
4613
+ .ant-popover-inner {
4614
+ -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
4615
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
4616
+ }
4548
4617
  }
4549
- .ant-upload.ant-upload-select-picture-card:hover {
4550
- border-color: #1890ff;
4618
+ .ant-popover-title {
4619
+ min-width: 177px;
4620
+ min-height: 32px;
4621
+ margin: 0;
4622
+ padding: 5px 16px 4px;
4623
+ color: rgba(0, 0, 0, 0.85);
4624
+ font-weight: 500;
4625
+ border-bottom: 1px solid #f0f0f0;
4551
4626
  }
4552
- .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
4553
- border-color: #d9d9d9;
4627
+ .ant-popover-inner-content {
4628
+ padding: 12px 16px;
4629
+ color: rgba(0, 0, 0, 0.85);
4554
4630
  }
4555
- .ant-upload.ant-upload-drag {
4631
+ .ant-popover-message {
4556
4632
  position: relative;
4557
- width: 100%;
4558
- height: 100%;
4559
- text-align: center;
4560
- background: #fafafa;
4561
- border: 1px dashed #d9d9d9;
4562
- border-radius: 2px;
4563
- cursor: pointer;
4564
- -webkit-transition: border-color 0.3s;
4565
- transition: border-color 0.3s;
4633
+ padding: 4px 0 12px;
4634
+ color: rgba(0, 0, 0, 0.85);
4635
+ font-size: 14px;
4566
4636
  }
4567
- .ant-upload.ant-upload-drag .ant-upload {
4568
- padding: 16px 0;
4637
+ .ant-popover-message > .anticon {
4638
+ position: absolute;
4639
+ top: 8.0005px;
4640
+ color: #faad14;
4641
+ font-size: 14px;
4569
4642
  }
4570
- .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
4571
- border-color: #096dd9;
4643
+ .ant-popover-message-title {
4644
+ padding-left: 22px;
4572
4645
  }
4573
- .ant-upload.ant-upload-drag.ant-upload-disabled {
4574
- cursor: not-allowed;
4646
+ .ant-popover-buttons {
4647
+ margin-bottom: 4px;
4648
+ text-align: right;
4575
4649
  }
4576
- .ant-upload.ant-upload-drag .ant-upload-btn {
4577
- display: table;
4578
- height: 100%;
4650
+ .ant-popover-buttons button {
4651
+ margin-left: 8px;
4579
4652
  }
4580
- .ant-upload.ant-upload-drag .ant-upload-drag-container {
4581
- display: table-cell;
4582
- vertical-align: middle;
4653
+ .ant-popover-arrow {
4654
+ position: absolute;
4655
+ display: block;
4656
+ width: 8.48528137px;
4657
+ height: 8.48528137px;
4658
+ overflow: hidden;
4659
+ background: transparent;
4660
+ pointer-events: none;
4583
4661
  }
4584
- .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
4585
- border-color: #40a9ff;
4662
+ .ant-popover-arrow-content {
4663
+ position: absolute;
4664
+ top: 0;
4665
+ right: 0;
4666
+ bottom: 0;
4667
+ left: 0;
4668
+ display: block;
4669
+ width: 6px;
4670
+ height: 6px;
4671
+ margin: auto;
4672
+ background-color: #fff;
4673
+ content: '';
4674
+ pointer-events: auto;
4586
4675
  }
4587
- .ant-upload.ant-upload-drag p.ant-upload-drag-icon {
4588
- margin-bottom: 20px;
4676
+ .ant-popover-placement-top .ant-popover-arrow,
4677
+ .ant-popover-placement-topLeft .ant-popover-arrow,
4678
+ .ant-popover-placement-topRight .ant-popover-arrow {
4679
+ bottom: 1.51471863px;
4589
4680
  }
4590
- .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
4591
- color: #40a9ff;
4592
- font-size: 48px;
4681
+ .ant-popover-placement-top .ant-popover-arrow-content,
4682
+ .ant-popover-placement-topLeft .ant-popover-arrow-content,
4683
+ .ant-popover-placement-topRight .ant-popover-arrow-content {
4684
+ -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
4685
+ box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
4686
+ -webkit-transform: translateY(-4.24264069px) rotate(45deg);
4687
+ transform: translateY(-4.24264069px) rotate(45deg);
4593
4688
  }
4594
- .ant-upload.ant-upload-drag p.ant-upload-text {
4595
- margin: 0 0 4px;
4596
- color: rgba(0, 0, 0, 0.85);
4597
- font-size: 16px;
4689
+ .ant-popover-placement-top .ant-popover-arrow {
4690
+ left: 50%;
4691
+ -webkit-transform: translateX(-50%);
4692
+ transform: translateX(-50%);
4598
4693
  }
4599
- .ant-upload.ant-upload-drag p.ant-upload-hint {
4600
- color: rgba(0, 0, 0, 0.45);
4601
- font-size: 14px;
4694
+ .ant-popover-placement-topLeft .ant-popover-arrow {
4695
+ left: 16px;
4602
4696
  }
4603
- .ant-upload.ant-upload-drag .anticon-plus {
4604
- color: rgba(0, 0, 0, 0.25);
4605
- font-size: 30px;
4606
- -webkit-transition: all 0.3s;
4607
- transition: all 0.3s;
4697
+ .ant-popover-placement-topRight .ant-popover-arrow {
4698
+ right: 16px;
4608
4699
  }
4609
- .ant-upload.ant-upload-drag .anticon-plus:hover {
4610
- color: rgba(0, 0, 0, 0.45);
4700
+ .ant-popover-placement-right .ant-popover-arrow,
4701
+ .ant-popover-placement-rightTop .ant-popover-arrow,
4702
+ .ant-popover-placement-rightBottom .ant-popover-arrow {
4703
+ left: 1.51471863px;
4611
4704
  }
4612
- .ant-upload.ant-upload-drag:hover .anticon-plus {
4613
- color: rgba(0, 0, 0, 0.45);
4705
+ .ant-popover-placement-right .ant-popover-arrow-content,
4706
+ .ant-popover-placement-rightTop .ant-popover-arrow-content,
4707
+ .ant-popover-placement-rightBottom .ant-popover-arrow-content {
4708
+ -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
4709
+ box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
4710
+ -webkit-transform: translateX(4.24264069px) rotate(45deg);
4711
+ transform: translateX(4.24264069px) rotate(45deg);
4614
4712
  }
4615
- .ant-upload-picture-card-wrapper {
4616
- display: inline-block;
4617
- width: 100%;
4713
+ .ant-popover-placement-right .ant-popover-arrow {
4714
+ top: 50%;
4715
+ -webkit-transform: translateY(-50%);
4716
+ transform: translateY(-50%);
4618
4717
  }
4619
- .ant-upload-picture-card-wrapper::before {
4620
- display: table;
4621
- content: '';
4718
+ .ant-popover-placement-rightTop .ant-popover-arrow {
4719
+ top: 12px;
4622
4720
  }
4623
- .ant-upload-picture-card-wrapper::after {
4624
- display: table;
4625
- clear: both;
4626
- content: '';
4721
+ .ant-popover-placement-rightBottom .ant-popover-arrow {
4722
+ bottom: 12px;
4627
4723
  }
4628
- .ant-upload-list {
4629
- -webkit-box-sizing: border-box;
4630
- box-sizing: border-box;
4631
- margin: 0;
4632
- padding: 0;
4633
- color: rgba(0, 0, 0, 0.85);
4634
- font-size: 14px;
4635
- font-variant: tabular-nums;
4636
- list-style: none;
4637
- -webkit-font-feature-settings: 'tnum';
4638
- font-feature-settings: 'tnum';
4639
- line-height: 1.5715;
4724
+ .ant-popover-placement-bottom .ant-popover-arrow,
4725
+ .ant-popover-placement-bottomLeft .ant-popover-arrow,
4726
+ .ant-popover-placement-bottomRight .ant-popover-arrow {
4727
+ top: 1.51471863px;
4640
4728
  }
4641
- .ant-upload-list::before {
4642
- display: table;
4643
- content: '';
4729
+ .ant-popover-placement-bottom .ant-popover-arrow-content,
4730
+ .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
4731
+ .ant-popover-placement-bottomRight .ant-popover-arrow-content {
4732
+ -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
4733
+ box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
4734
+ -webkit-transform: translateY(4.24264069px) rotate(45deg);
4735
+ transform: translateY(4.24264069px) rotate(45deg);
4644
4736
  }
4645
- .ant-upload-list::after {
4646
- display: table;
4647
- clear: both;
4648
- content: '';
4737
+ .ant-popover-placement-bottom .ant-popover-arrow {
4738
+ left: 50%;
4739
+ -webkit-transform: translateX(-50%);
4740
+ transform: translateX(-50%);
4649
4741
  }
4650
- .ant-upload-list-item {
4651
- position: relative;
4652
- height: 22.001px;
4653
- margin-top: 8px;
4654
- font-size: 14px;
4742
+ .ant-popover-placement-bottomLeft .ant-popover-arrow {
4743
+ left: 16px;
4655
4744
  }
4656
- .ant-upload-list-item-name {
4657
- display: inline-block;
4658
- width: 100%;
4659
- padding-left: 22px;
4660
- overflow: hidden;
4661
- line-height: 1.5715;
4662
- white-space: nowrap;
4663
- text-overflow: ellipsis;
4745
+ .ant-popover-placement-bottomRight .ant-popover-arrow {
4746
+ right: 16px;
4664
4747
  }
4665
- .ant-upload-list-item-card-actions {
4666
- position: absolute;
4667
- right: 0;
4748
+ .ant-popover-placement-left .ant-popover-arrow,
4749
+ .ant-popover-placement-leftTop .ant-popover-arrow,
4750
+ .ant-popover-placement-leftBottom .ant-popover-arrow {
4751
+ right: 1.51471863px;
4668
4752
  }
4669
- .ant-upload-list-item-card-actions-btn {
4670
- opacity: 0;
4753
+ .ant-popover-placement-left .ant-popover-arrow-content,
4754
+ .ant-popover-placement-leftTop .ant-popover-arrow-content,
4755
+ .ant-popover-placement-leftBottom .ant-popover-arrow-content {
4756
+ -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
4757
+ box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
4758
+ -webkit-transform: translateX(-4.24264069px) rotate(45deg);
4759
+ transform: translateX(-4.24264069px) rotate(45deg);
4671
4760
  }
4672
- .ant-upload-list-item-card-actions-btn.ant-btn-sm {
4673
- height: 20px;
4674
- line-height: 1;
4761
+ .ant-popover-placement-left .ant-popover-arrow {
4762
+ top: 50%;
4763
+ -webkit-transform: translateY(-50%);
4764
+ transform: translateY(-50%);
4675
4765
  }
4676
- .ant-upload-list-item-card-actions.picture {
4677
- top: 22px;
4678
- line-height: 0;
4766
+ .ant-popover-placement-leftTop .ant-popover-arrow {
4767
+ top: 12px;
4679
4768
  }
4680
- .ant-upload-list-item-card-actions-btn:focus,
4681
- .ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
4682
- opacity: 1;
4769
+ .ant-popover-placement-leftBottom .ant-popover-arrow {
4770
+ bottom: 12px;
4683
4771
  }
4684
- .ant-upload-list-item-card-actions .anticon {
4685
- color: rgba(0, 0, 0, 0.45);
4772
+ .ant-popover-pink .ant-popover-inner {
4773
+ background-color: #eb2f96;
4686
4774
  }
4687
- .ant-upload-list-item-info {
4688
- height: 100%;
4689
- padding: 0 4px;
4690
- -webkit-transition: background-color 0.3s;
4691
- transition: background-color 0.3s;
4775
+ .ant-popover-pink .ant-popover-arrow-content {
4776
+ background-color: #eb2f96;
4692
4777
  }
4693
- .ant-upload-list-item-info > span {
4694
- display: block;
4695
- width: 100%;
4696
- height: 100%;
4778
+ .ant-popover-magenta .ant-popover-inner {
4779
+ background-color: #eb2f96;
4697
4780
  }
4698
- .ant-upload-list-item-info .anticon-loading .anticon,
4699
- .ant-upload-list-item-info .ant-upload-text-icon .anticon {
4700
- position: absolute;
4701
- top: 5px;
4702
- color: rgba(0, 0, 0, 0.45);
4703
- font-size: 14px;
4781
+ .ant-popover-magenta .ant-popover-arrow-content {
4782
+ background-color: #eb2f96;
4704
4783
  }
4705
- .ant-upload-list-item .anticon-close {
4706
- position: absolute;
4707
- top: 6px;
4708
- right: 4px;
4709
- color: rgba(0, 0, 0, 0.45);
4710
- font-size: 10px;
4711
- line-height: 0;
4712
- cursor: pointer;
4713
- opacity: 0;
4714
- -webkit-transition: all 0.3s;
4715
- transition: all 0.3s;
4784
+ .ant-popover-red .ant-popover-inner {
4785
+ background-color: #f5222d;
4716
4786
  }
4717
- .ant-upload-list-item .anticon-close:hover {
4718
- color: rgba(0, 0, 0, 0.85);
4787
+ .ant-popover-red .ant-popover-arrow-content {
4788
+ background-color: #f5222d;
4719
4789
  }
4720
- .ant-upload-list-item:hover .ant-upload-list-item-info {
4721
- background-color: #f5f5f5;
4790
+ .ant-popover-volcano .ant-popover-inner {
4791
+ background-color: #fa541c;
4722
4792
  }
4723
- .ant-upload-list-item:hover .anticon-close {
4724
- opacity: 1;
4793
+ .ant-popover-volcano .ant-popover-arrow-content {
4794
+ background-color: #fa541c;
4725
4795
  }
4726
- .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
4727
- opacity: 1;
4796
+ .ant-popover-orange .ant-popover-inner {
4797
+ background-color: #fa8c16;
4728
4798
  }
4729
- .ant-upload-list-item-error,
4730
- .ant-upload-list-item-error .ant-upload-text-icon > .anticon,
4731
- .ant-upload-list-item-error .ant-upload-list-item-name {
4732
- color: #ff4d4f;
4799
+ .ant-popover-orange .ant-popover-arrow-content {
4800
+ background-color: #fa8c16;
4733
4801
  }
4734
- .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
4735
- color: #ff4d4f;
4802
+ .ant-popover-yellow .ant-popover-inner {
4803
+ background-color: #fadb14;
4736
4804
  }
4737
- .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
4738
- opacity: 1;
4805
+ .ant-popover-yellow .ant-popover-arrow-content {
4806
+ background-color: #fadb14;
4739
4807
  }
4740
- .ant-upload-list-item-progress {
4741
- position: absolute;
4742
- bottom: -12px;
4743
- width: 100%;
4744
- padding-left: 26px;
4745
- font-size: 14px;
4746
- line-height: 0;
4808
+ .ant-popover-gold .ant-popover-inner {
4809
+ background-color: #faad14;
4747
4810
  }
4748
- .ant-upload-list-picture .ant-upload-list-item,
4749
- .ant-upload-list-picture-card .ant-upload-list-item {
4750
- position: relative;
4751
- height: 66px;
4752
- padding: 8px;
4753
- border: 1px solid #d9d9d9;
4754
- border-radius: 2px;
4811
+ .ant-popover-gold .ant-popover-arrow-content {
4812
+ background-color: #faad14;
4755
4813
  }
4756
- .ant-upload-list-picture .ant-upload-list-item:hover,
4757
- .ant-upload-list-picture-card .ant-upload-list-item:hover {
4758
- background: transparent;
4814
+ .ant-popover-cyan .ant-popover-inner {
4815
+ background-color: #13c2c2;
4759
4816
  }
4760
- .ant-upload-list-picture .ant-upload-list-item-error,
4761
- .ant-upload-list-picture-card .ant-upload-list-item-error {
4762
- border-color: #ff4d4f;
4817
+ .ant-popover-cyan .ant-popover-arrow-content {
4818
+ background-color: #13c2c2;
4763
4819
  }
4764
- .ant-upload-list-picture .ant-upload-list-item-info,
4765
- .ant-upload-list-picture-card .ant-upload-list-item-info {
4766
- padding: 0;
4820
+ .ant-popover-lime .ant-popover-inner {
4821
+ background-color: #a0d911;
4767
4822
  }
4768
- .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
4769
- .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
4770
- background: transparent;
4823
+ .ant-popover-lime .ant-popover-arrow-content {
4824
+ background-color: #a0d911;
4771
4825
  }
4772
- .ant-upload-list-picture .ant-upload-list-item-uploading,
4773
- .ant-upload-list-picture-card .ant-upload-list-item-uploading {
4774
- border-style: dashed;
4826
+ .ant-popover-green .ant-popover-inner {
4827
+ background-color: #52c41a;
4775
4828
  }
4776
- .ant-upload-list-picture .ant-upload-list-item-thumbnail,
4777
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
4778
- width: 48px;
4779
- height: 48px;
4780
- line-height: 60px;
4781
- text-align: center;
4782
- opacity: 0.8;
4829
+ .ant-popover-green .ant-popover-arrow-content {
4830
+ background-color: #52c41a;
4783
4831
  }
4784
- .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
4785
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
4786
- font-size: 26px;
4832
+ .ant-popover-blue .ant-popover-inner {
4833
+ background-color: #1890ff;
4787
4834
  }
4788
- .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
4789
- .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
4790
- fill: #fff2f0;
4835
+ .ant-popover-blue .ant-popover-arrow-content {
4836
+ background-color: #1890ff;
4791
4837
  }
4792
- .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
4793
- .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
4794
- fill: #ff4d4f;
4838
+ .ant-popover-geekblue .ant-popover-inner {
4839
+ background-color: #2f54eb;
4795
4840
  }
4796
- .ant-upload-list-picture .ant-upload-list-item-icon,
4797
- .ant-upload-list-picture-card .ant-upload-list-item-icon {
4798
- position: absolute;
4799
- top: 50%;
4800
- left: 50%;
4801
- font-size: 26px;
4802
- -webkit-transform: translate(-50%, -50%);
4803
- transform: translate(-50%, -50%);
4841
+ .ant-popover-geekblue .ant-popover-arrow-content {
4842
+ background-color: #2f54eb;
4804
4843
  }
4805
- .ant-upload-list-picture .ant-upload-list-item-icon .anticon,
4806
- .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
4807
- font-size: 26px;
4844
+ .ant-popover-purple .ant-popover-inner {
4845
+ background-color: #722ed1;
4808
4846
  }
4809
- .ant-upload-list-picture .ant-upload-list-item-image,
4810
- .ant-upload-list-picture-card .ant-upload-list-item-image {
4811
- max-width: 100%;
4847
+ .ant-popover-purple .ant-popover-arrow-content {
4848
+ background-color: #722ed1;
4812
4849
  }
4813
- .ant-upload-list-picture .ant-upload-list-item-thumbnail img,
4814
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
4815
- display: block;
4816
- width: 48px;
4817
- height: 48px;
4818
- overflow: hidden;
4850
+ .ant-popover-rtl {
4851
+ direction: rtl;
4852
+ text-align: right;
4819
4853
  }
4820
- .ant-upload-list-picture .ant-upload-list-item-name,
4821
- .ant-upload-list-picture-card .ant-upload-list-item-name {
4822
- display: inline-block;
4823
- -webkit-box-sizing: border-box;
4824
- box-sizing: border-box;
4825
- max-width: 100%;
4826
- margin: 0 0 0 8px;
4827
- padding-right: 8px;
4828
- padding-left: 48px;
4829
- overflow: hidden;
4830
- line-height: 44px;
4831
- white-space: nowrap;
4832
- text-overflow: ellipsis;
4833
- -webkit-transition: all 0.3s;
4834
- transition: all 0.3s;
4854
+ .ant-popover-rtl .ant-popover-message-title {
4855
+ padding-right: 22px;
4856
+ padding-left: 16px;
4835
4857
  }
4836
- .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
4837
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
4838
- margin-bottom: 12px;
4858
+ .ant-popover-rtl .ant-popover-buttons {
4859
+ text-align: left;
4839
4860
  }
4840
- .ant-upload-list-picture .ant-upload-list-item-progress,
4841
- .ant-upload-list-picture-card .ant-upload-list-item-progress {
4842
- bottom: 14px;
4843
- width: calc(100% - 24px);
4844
- margin-top: 0;
4845
- padding-left: 56px;
4861
+ .ant-popover-rtl .ant-popover-buttons button {
4862
+ margin-right: 8px;
4863
+ margin-left: 0;
4846
4864
  }
4847
- .ant-upload-list-picture .anticon-close,
4848
- .ant-upload-list-picture-card .anticon-close {
4849
- position: absolute;
4850
- top: 8px;
4851
- right: 8px;
4852
- line-height: 1;
4853
- opacity: 1;
4865
+ .pandora-sdk-datetime-pick-popover-root .ant-popover-inner-content {
4866
+ padding: 0;
4854
4867
  }
4855
- .ant-upload-list-picture-card-container {
4856
- display: inline-block;
4857
- width: 104px;
4858
- height: 104px;
4859
- margin: 0 8px 8px 0;
4860
- vertical-align: top;
4868
+ .pandora-sdk-datetime-pick-popover-root .ant-btn {
4869
+ line-height: 1.499;
4861
4870
  }
4862
- .ant-upload-list-picture-card.ant-upload-list::after {
4863
- display: none;
4871
+ .pandora-sdk-datetime-pick-popover-root .ant-table {
4872
+ line-height: 1.5;
4864
4873
  }
4865
- .ant-upload-list-picture-card .ant-upload-list-item {
4866
- height: 100%;
4867
- margin: 0;
4874
+ .pandora-sdk-datetime-pick-popover {
4875
+ width: 650px;
4868
4876
  }
4869
- .ant-upload-list-picture-card .ant-upload-list-item-info {
4870
- position: relative;
4877
+ .ant-drawer {
4878
+ position: fixed;
4879
+ z-index: 1000;
4880
+ width: 0%;
4871
4881
  height: 100%;
4872
- overflow: hidden;
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;
4873
4884
  }
4874
- .ant-upload-list-picture-card .ant-upload-list-item-info::before {
4885
+ .ant-drawer-content-wrapper {
4875
4886
  position: absolute;
4876
- z-index: 1;
4877
4887
  width: 100%;
4878
4888
  height: 100%;
4879
- background-color: rgba(0, 0, 0, 0.5);
4880
- opacity: 0;
4881
- -webkit-transition: all 0.3s;
4882
- transition: all 0.3s;
4883
- content: ' ';
4884
- }
4885
- .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
4886
- opacity: 1;
4887
- }
4888
- .ant-upload-list-picture-card .ant-upload-list-item-actions {
4889
- position: absolute;
4890
- top: 50%;
4891
- left: 50%;
4892
- z-index: 10;
4893
- white-space: nowrap;
4894
- -webkit-transform: translate(-50%, -50%);
4895
- transform: translate(-50%, -50%);
4896
- opacity: 0;
4897
- -webkit-transition: all 0.3s;
4898
- transition: all 0.3s;
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);
4899
4893
  }
4900
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
4901
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
4902
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
4903
- z-index: 10;
4904
- width: 16px;
4905
- margin: 0 4px;
4906
- color: rgba(255, 255, 255, 0.85);
4907
- font-size: 16px;
4908
- cursor: pointer;
4909
- -webkit-transition: all 0.3s;
4910
- transition: all 0.3s;
4894
+ .ant-drawer .ant-drawer-content {
4895
+ width: 100%;
4896
+ height: 100%;
4911
4897
  }
4912
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
4913
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
4914
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
4915
- color: #fff;
4898
+ .ant-drawer-left,
4899
+ .ant-drawer-right {
4900
+ top: 0;
4901
+ width: 0%;
4902
+ height: 100%;
4916
4903
  }
4917
- .ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
4918
- .ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
4919
- opacity: 1;
4904
+ .ant-drawer-left .ant-drawer-content-wrapper,
4905
+ .ant-drawer-right .ant-drawer-content-wrapper {
4906
+ height: 100%;
4920
4907
  }
4921
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
4922
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
4923
- position: static;
4924
- display: block;
4908
+ .ant-drawer-left.ant-drawer-open,
4909
+ .ant-drawer-right.ant-drawer-open {
4925
4910
  width: 100%;
4926
- height: 100%;
4927
- -o-object-fit: contain;
4928
- object-fit: contain;
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);
4929
4915
  }
4930
- .ant-upload-list-picture-card .ant-upload-list-item-name {
4931
- display: none;
4932
- margin: 8px 0 0;
4933
- padding: 0;
4934
- line-height: 1.5715;
4935
- text-align: center;
4916
+ .ant-drawer-left {
4917
+ left: 0;
4936
4918
  }
4937
- .ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
4938
- position: absolute;
4939
- bottom: 10px;
4940
- display: block;
4919
+ .ant-drawer-left .ant-drawer-content-wrapper {
4920
+ left: 0;
4941
4921
  }
4942
- .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
4943
- background-color: #fafafa;
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);
4944
4925
  }
4945
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
4946
- height: auto;
4926
+ .ant-drawer-right {
4927
+ right: 0;
4947
4928
  }
4948
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
4949
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
4950
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
4951
- display: none;
4929
+ .ant-drawer-right .ant-drawer-content-wrapper {
4930
+ right: 0;
4952
4931
  }
4953
- .ant-upload-list-picture-card .ant-upload-list-item-progress {
4954
- bottom: 32px;
4955
- width: calc(100% - 14px);
4956
- padding-left: 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);
4957
4935
  }
4958
- .ant-upload-list-text-container,
4959
- .ant-upload-list-picture-container {
4960
- -webkit-transition: opacity 0.3s, height 0.3s;
4961
- transition: opacity 0.3s, height 0.3s;
4936
+ .ant-drawer-right.ant-drawer-open.no-mask {
4937
+ right: 1px;
4938
+ -webkit-transform: translateX(1px);
4939
+ transform: translateX(1px);
4962
4940
  }
4963
- .ant-upload-list-text-container::before,
4964
- .ant-upload-list-picture-container::before {
4965
- display: table;
4966
- width: 0;
4967
- height: 0;
4968
- content: '';
4941
+ .ant-drawer-top,
4942
+ .ant-drawer-bottom {
4943
+ left: 0;
4944
+ width: 100%;
4945
+ height: 0%;
4969
4946
  }
4970
- .ant-upload-list-text-container .ant-upload-span,
4971
- .ant-upload-list-picture-container .ant-upload-span {
4972
- display: block;
4973
- -webkit-box-flex: 1;
4974
- -ms-flex: auto;
4975
- flex: auto;
4947
+ .ant-drawer-top .ant-drawer-content-wrapper,
4948
+ .ant-drawer-bottom .ant-drawer-content-wrapper {
4949
+ width: 100%;
4976
4950
  }
4977
- .ant-upload-list-text .ant-upload-span,
4978
- .ant-upload-list-picture .ant-upload-span {
4951
+ .ant-drawer-top.ant-drawer-open,
4952
+ .ant-drawer-bottom.ant-drawer-open {
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);
4958
+ }
4959
+ .ant-drawer-top {
4960
+ top: 0;
4961
+ }
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);
4965
+ }
4966
+ .ant-drawer-bottom {
4967
+ bottom: 0;
4968
+ }
4969
+ .ant-drawer-bottom .ant-drawer-content-wrapper {
4970
+ bottom: 0;
4971
+ }
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);
4975
+ }
4976
+ .ant-drawer-bottom.ant-drawer-open.no-mask {
4977
+ bottom: 1px;
4978
+ -webkit-transform: translateY(1px);
4979
+ transform: translateY(1px);
4980
+ }
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;
4989
+ }
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;
4996
+ }
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;
5004
+ }
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;
4979
5031
  display: -webkit-box;
4980
5032
  display: -ms-flexbox;
4981
5033
  display: flex;
4982
5034
  -webkit-box-align: center;
4983
5035
  -ms-flex-align: center;
4984
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;
4985
5045
  }
4986
- .ant-upload-list-text .ant-upload-span > *,
4987
- .ant-upload-list-picture .ant-upload-span > * {
4988
- -webkit-box-flex: 0;
4989
- -ms-flex: none;
4990
- flex: none;
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;
4991
5056
  }
4992
- .ant-upload-list-text .ant-upload-list-item-name,
4993
- .ant-upload-list-picture .ant-upload-list-item-name {
4994
- -webkit-box-flex: 1;
4995
- -ms-flex: auto;
4996
- flex: auto;
4997
- margin: 0;
4998
- padding: 0 8px;
5057
+ .ant-drawer-header-close-only {
5058
+ padding-bottom: 0;
5059
+ border: none;
4999
5060
  }
5000
- .ant-upload-list-text .ant-upload-list-item-card-actions,
5001
- .ant-upload-list-picture .ant-upload-list-item-card-actions {
5002
- position: static;
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%;
5003
5071
  }
5004
- .ant-upload-list-text .ant-upload-text-icon .anticon {
5005
- position: static;
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;
5006
5081
  }
5007
- .ant-upload-list .ant-upload-animate-inline-appear,
5008
- .ant-upload-list .ant-upload-animate-inline-enter,
5009
- .ant-upload-list .ant-upload-animate-inline-leave {
5010
- -webkit-animation-duration: 0.3s;
5011
- animation-duration: 0.3s;
5012
- -webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
5013
- animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
5082
+ .ant-drawer-footer {
5083
+ -ms-flex-negative: 0;
5084
+ flex-shrink: 0;
5085
+ padding: 10px 16px;
5086
+ border-top: 1px solid #f0f0f0;
5014
5087
  }
5015
- .ant-upload-list .ant-upload-animate-inline-appear,
5016
- .ant-upload-list .ant-upload-animate-inline-enter {
5017
- -webkit-animation-name: uploadAnimateInlineIn;
5018
- animation-name: uploadAnimateInlineIn;
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;
5019
5099
  }
5020
- .ant-upload-list .ant-upload-animate-inline-leave {
5021
- -webkit-animation-name: uploadAnimateInlineOut;
5022
- animation-name: uploadAnimateInlineOut;
5100
+ .ant-drawer .ant-picker-clear {
5101
+ background: #fff;
5023
5102
  }
5024
- @-webkit-keyframes uploadAnimateInlineIn {
5025
- from {
5026
- width: 0;
5027
- height: 0;
5028
- margin: 0;
5029
- padding: 0;
5103
+ @-webkit-keyframes antdDrawerFadeIn {
5104
+ 0% {
5030
5105
  opacity: 0;
5031
5106
  }
5032
- }
5033
- @keyframes uploadAnimateInlineIn {
5034
- from {
5035
- width: 0;
5036
- height: 0;
5037
- margin: 0;
5038
- padding: 0;
5039
- opacity: 0;
5107
+ 100% {
5108
+ opacity: 1;
5040
5109
  }
5041
5110
  }
5042
- @-webkit-keyframes uploadAnimateInlineOut {
5043
- to {
5044
- width: 0;
5045
- height: 0;
5046
- margin: 0;
5047
- padding: 0;
5111
+ @keyframes antdDrawerFadeIn {
5112
+ 0% {
5048
5113
  opacity: 0;
5049
5114
  }
5050
- }
5051
- @keyframes uploadAnimateInlineOut {
5052
- to {
5053
- width: 0;
5054
- height: 0;
5055
- margin: 0;
5056
- padding: 0;
5057
- opacity: 0;
5115
+ 100% {
5116
+ opacity: 1;
5058
5117
  }
5059
5118
  }
5060
- .ant-upload-rtl {
5119
+ .ant-drawer-rtl {
5061
5120
  direction: rtl;
5062
5121
  }
5063
- .ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
5064
- margin-right: auto;
5065
- margin-left: 8px;
5066
- }
5067
- .ant-upload-list-rtl {
5068
- direction: rtl;
5122
+ .ant-drawer-rtl .ant-drawer-close {
5123
+ margin-right: 0;
5124
+ margin-left: 12px;
5069
5125
  }
5070
- .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
5071
- padding-right: 22px;
5072
- padding-left: 14px;
5126
+ .pandora-sdk-drawer .ant-drawer-content-wrapper {
5127
+ width: 50%;
5128
+ min-width: 300px;
5073
5129
  }
5074
- .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
5075
- padding-right: 22px;
5076
- padding-left: 28px;
5130
+ .pandora-sdk-drawer .ant-drawer-content > div {
5131
+ position: relative;
5077
5132
  }
5078
- .ant-upload-list-rtl .ant-upload-list-item-name {
5079
- padding-right: 22px;
5080
- padding-left: 0;
5133
+ .pandora-sdk-drawer .ant-drawer-close-x {
5134
+ width: 60px;
5135
+ height: 60px;
5136
+ line-height: 60px;
5081
5137
  }
5082
- .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
5083
- padding-left: 14px;
5138
+ .pandora-sdk-drawer-no-mask .ant-drawer-content-wrapper {
5139
+ width: 100%;
5084
5140
  }
5085
- .ant-upload-list-rtl .ant-upload-list-item-card-actions {
5086
- right: auto;
5141
+ .pandora-sdk-scroll-handler {
5142
+ position: absolute;
5143
+ width: 5px;
5144
+ padding: 4px 0 0;
5145
+ top: 0;
5087
5146
  left: 0;
5147
+ bottom: 0;
5148
+ z-index: 100;
5149
+ cursor: ew-resize;
5088
5150
  }
5089
- .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
5090
- padding-right: 0;
5091
- padding-left: 5px;
5092
- }
5093
- .ant-upload-list-rtl .ant-upload-list-item-info {
5094
- padding: 0 4px 0 12px;
5095
- }
5096
- .ant-upload-list-rtl .ant-upload-list-item .anticon-close {
5097
- right: auto;
5098
- left: 4px;
5099
- }
5100
- .ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
5101
- padding-right: 0;
5102
- padding-left: 5px;
5103
- }
5104
- .ant-upload-list-rtl .ant-upload-list-item-progress {
5105
- padding-right: 26px;
5106
- padding-left: 0;
5107
- }
5108
- .ant-upload-list-picture .ant-upload-list-item-info,
5109
- .ant-upload-list-picture-card .ant-upload-list-item-info {
5110
- padding: 0;
5111
- }
5112
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
5113
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
5114
- right: 8px;
5115
- left: auto;
5116
- }
5117
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
5118
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
5119
- right: 50%;
5120
- left: auto;
5121
- -webkit-transform: translate(50%, -50%);
5122
- transform: translate(50%, -50%);
5123
- }
5124
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
5125
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
5126
- margin: 0 8px 0 0;
5127
- padding-right: 48px;
5128
- padding-left: 8px;
5129
- }
5130
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
5131
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
5132
- padding-right: 48px;
5133
- padding-left: 18px;
5134
- }
5135
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
5136
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
5137
- padding-right: 48px;
5138
- padding-left: 36px;
5139
- }
5140
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
5141
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
5142
- padding-right: 0;
5143
- padding-left: 0;
5144
- }
5145
- .ant-upload-list-rtl.ant-upload-list-picture .anticon-close,
5146
- .ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close {
5147
- right: auto;
5148
- left: 8px;
5149
- }
5150
- .ant-upload-list-rtl .ant-upload-list-picture-card-container {
5151
- margin: 0 0 8px 8px;
5152
- }
5153
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
5154
- right: 50%;
5155
- left: auto;
5156
- -webkit-transform: translate(50%, -50%);
5157
- transform: translate(50%, -50%);
5151
+ .pandora-sdk-drawer-right-close-icon {
5152
+ margin-left: 8px;
5153
+ font-size: 16px;
5158
5154
  }
5159
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
5160
- margin: 8px 0 0;
5155
+ .ant-upload {
5156
+ -webkit-box-sizing: border-box;
5157
+ box-sizing: border-box;
5158
+ margin: 0;
5161
5159
  padding: 0;
5160
+ color: rgba(0, 0, 0, 0.85);
5161
+ font-size: 14px;
5162
+ font-variant: tabular-nums;
5163
+ line-height: 1.5715;
5164
+ list-style: none;
5165
+ -webkit-font-feature-settings: 'tnum';
5166
+ font-feature-settings: 'tnum';
5167
+ outline: 0;
5162
5168
  }
5163
- .pandora-sdk-file-resumable {
5164
- cursor: pointer;
5169
+ .ant-upload p {
5170
+ margin: 0;
5165
5171
  }
5166
- .pandora-sdk-file-resumable-run-container {
5167
- text-align: right;
5172
+ .ant-upload-btn {
5173
+ display: block;
5174
+ width: 100%;
5175
+ outline: none;
5168
5176
  }
5169
- .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon {
5170
- color: #2c6dd2;
5177
+ .ant-upload input[type='file'] {
5171
5178
  cursor: pointer;
5172
- font-size: 14px;
5173
- margin: 0 6px;
5174
5179
  }
5175
- .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled {
5176
- color: #d9d9d9;
5180
+ .ant-upload.ant-upload-select {
5181
+ display: inline-block;
5177
5182
  }
5178
- .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled:hover {
5183
+ .ant-upload.ant-upload-disabled {
5179
5184
  cursor: not-allowed;
5180
5185
  }
5181
- .pandora-sdk-file-resumable-upload-icon {
5182
- font-size: 50px;
5183
- color: inherit;
5184
- }
5185
- .downloadIcon {
5186
- color: #2c6dd2;
5187
- cursor: pointer;
5188
- font-size: 20px;
5189
- }
5190
- .pandora-sdk-file-resumable:hover {
5191
- border-color: #2c6dd2;
5192
- }
5193
- .pandora-sdk-file-resumable-img-container {
5194
- background: #d9d9d9;
5186
+ .ant-upload.ant-upload-select-picture-card {
5187
+ width: 104px;
5188
+ height: 104px;
5189
+ margin-right: 8px;
5190
+ margin-bottom: 8px;
5191
+ text-align: center;
5192
+ vertical-align: top;
5193
+ background-color: #fafafa;
5195
5194
  border: 1px dashed #d9d9d9;
5196
- width: 50px;
5197
- height: 50px;
5198
- padding: 4px;
5199
5195
  border-radius: 2px;
5200
- -webkit-box-align: center;
5201
- -ms-flex-align: center;
5202
- align-items: center;
5203
5196
  cursor: pointer;
5204
- position: relative;
5205
- font-size: 16px;
5206
- display: -webkit-box;
5207
- display: -ms-flexbox;
5208
- display: flex;
5209
- -webkit-box-pack: center;
5210
- -ms-flex-pack: center;
5211
- justify-content: center;
5197
+ -webkit-transition: border-color 0.3s;
5198
+ transition: border-color 0.3s;
5212
5199
  }
5213
- .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator {
5200
+ .ant-upload.ant-upload-select-picture-card > .ant-upload {
5214
5201
  display: -webkit-box;
5215
5202
  display: -ms-flexbox;
5216
5203
  display: flex;
5217
- -webkit-box-pack: center;
5218
- -ms-flex-pack: center;
5219
- justify-content: center;
5220
5204
  -webkit-box-align: center;
5221
5205
  -ms-flex-align: center;
5222
5206
  align-items: center;
5223
- position: absolute;
5224
- top: 4px;
5225
- left: 4px;
5226
- right: 4px;
5227
- bottom: 4px;
5228
- }
5229
- .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator .anticon {
5230
- font-size: 16px;
5207
+ -webkit-box-pack: center;
5208
+ -ms-flex-pack: center;
5209
+ justify-content: center;
5210
+ height: 100%;
5211
+ text-align: center;
5231
5212
  }
5232
- .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-hidden-plus-icon {
5233
- display: none;
5213
+ .ant-upload.ant-upload-select-picture-card:hover {
5214
+ border-color: #1890ff;
5234
5215
  }
5235
- .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-box {
5236
- max-width: 100%;
5237
- max-height: 100%;
5238
- padding: 4px;
5216
+ .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
5217
+ border-color: #d9d9d9;
5239
5218
  }
5240
- .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator {
5241
- background: rgba(51, 51, 51, 0.7);
5242
- display: -webkit-box;
5243
- display: -ms-flexbox;
5244
- display: flex;
5219
+ .ant-upload.ant-upload-drag {
5220
+ position: relative;
5221
+ width: 100%;
5222
+ height: 100%;
5223
+ text-align: center;
5224
+ background: #fafafa;
5225
+ border: 1px dashed #d9d9d9;
5226
+ border-radius: 2px;
5227
+ cursor: pointer;
5228
+ -webkit-transition: border-color 0.3s;
5229
+ transition: border-color 0.3s;
5245
5230
  }
5246
- .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator .anticon {
5247
- font-size: 16px;
5248
- color: #d9d9d9;
5231
+ .ant-upload.ant-upload-drag .ant-upload {
5232
+ padding: 16px 0;
5249
5233
  }
5250
- .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag {
5251
- width: 50px;
5252
- height: 50px;
5253
- border: none;
5234
+ .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
5235
+ border-color: #096dd9;
5254
5236
  }
5255
- .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag .ant-upload-btn {
5256
- padding: 0;
5237
+ .ant-upload.ant-upload-drag.ant-upload-disabled {
5238
+ cursor: not-allowed;
5257
5239
  }
5258
- .ant-popover {
5259
- -webkit-box-sizing: border-box;
5260
- box-sizing: border-box;
5261
- margin: 0;
5262
- padding: 0;
5263
- color: rgba(0, 0, 0, 0.85);
5264
- font-size: 14px;
5265
- font-variant: tabular-nums;
5266
- line-height: 1.5715;
5267
- list-style: none;
5268
- -webkit-font-feature-settings: 'tnum';
5269
- font-feature-settings: 'tnum';
5270
- position: absolute;
5271
- top: 0;
5272
- left: 0;
5273
- z-index: 1030;
5274
- font-weight: normal;
5275
- white-space: normal;
5276
- text-align: left;
5277
- cursor: auto;
5278
- -webkit-user-select: text;
5279
- -moz-user-select: text;
5280
- -ms-user-select: text;
5281
- user-select: text;
5240
+ .ant-upload.ant-upload-drag .ant-upload-btn {
5241
+ display: table;
5242
+ height: 100%;
5282
5243
  }
5283
- .ant-popover::after {
5284
- position: absolute;
5285
- background: rgba(255, 255, 255, 0.01);
5286
- content: '';
5244
+ .ant-upload.ant-upload-drag .ant-upload-drag-container {
5245
+ display: table-cell;
5246
+ vertical-align: middle;
5287
5247
  }
5288
- .ant-popover-hidden {
5289
- display: none;
5248
+ .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
5249
+ border-color: #40a9ff;
5290
5250
  }
5291
- .ant-popover-placement-top,
5292
- .ant-popover-placement-topLeft,
5293
- .ant-popover-placement-topRight {
5294
- padding-bottom: 10px;
5251
+ .ant-upload.ant-upload-drag p.ant-upload-drag-icon {
5252
+ margin-bottom: 20px;
5295
5253
  }
5296
- .ant-popover-placement-right,
5297
- .ant-popover-placement-rightTop,
5298
- .ant-popover-placement-rightBottom {
5299
- padding-left: 10px;
5254
+ .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
5255
+ color: #40a9ff;
5256
+ font-size: 48px;
5300
5257
  }
5301
- .ant-popover-placement-bottom,
5302
- .ant-popover-placement-bottomLeft,
5303
- .ant-popover-placement-bottomRight {
5304
- padding-top: 10px;
5258
+ .ant-upload.ant-upload-drag p.ant-upload-text {
5259
+ margin: 0 0 4px;
5260
+ color: rgba(0, 0, 0, 0.85);
5261
+ font-size: 16px;
5305
5262
  }
5306
- .ant-popover-placement-left,
5307
- .ant-popover-placement-leftTop,
5308
- .ant-popover-placement-leftBottom {
5309
- padding-right: 10px;
5263
+ .ant-upload.ant-upload-drag p.ant-upload-hint {
5264
+ color: rgba(0, 0, 0, 0.45);
5265
+ font-size: 14px;
5310
5266
  }
5311
- .ant-popover-inner {
5312
- background-color: #fff;
5313
- background-clip: padding-box;
5314
- border-radius: 2px;
5315
- -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
5316
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
5317
- -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
5318
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
5267
+ .ant-upload.ant-upload-drag .anticon-plus {
5268
+ color: rgba(0, 0, 0, 0.25);
5269
+ font-size: 30px;
5270
+ -webkit-transition: all 0.3s;
5271
+ transition: all 0.3s;
5319
5272
  }
5320
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
5321
- .ant-popover {
5322
- /* IE10+ */
5323
- }
5324
- .ant-popover-inner {
5325
- -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
5326
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
5327
- }
5273
+ .ant-upload.ant-upload-drag .anticon-plus:hover {
5274
+ color: rgba(0, 0, 0, 0.45);
5328
5275
  }
5329
- .ant-popover-title {
5330
- min-width: 177px;
5331
- min-height: 32px;
5332
- margin: 0;
5333
- padding: 5px 16px 4px;
5334
- color: rgba(0, 0, 0, 0.85);
5335
- font-weight: 500;
5336
- border-bottom: 1px solid #f0f0f0;
5276
+ .ant-upload.ant-upload-drag:hover .anticon-plus {
5277
+ color: rgba(0, 0, 0, 0.45);
5337
5278
  }
5338
- .ant-popover-inner-content {
5339
- padding: 12px 16px;
5340
- color: rgba(0, 0, 0, 0.85);
5279
+ .ant-upload-picture-card-wrapper {
5280
+ display: inline-block;
5281
+ width: 100%;
5341
5282
  }
5342
- .ant-popover-message {
5343
- position: relative;
5344
- padding: 4px 0 12px;
5345
- color: rgba(0, 0, 0, 0.85);
5346
- font-size: 14px;
5283
+ .ant-upload-picture-card-wrapper::before {
5284
+ display: table;
5285
+ content: '';
5347
5286
  }
5348
- .ant-popover-message > .anticon {
5349
- position: absolute;
5350
- top: 8.0005px;
5351
- color: #faad14;
5287
+ .ant-upload-picture-card-wrapper::after {
5288
+ display: table;
5289
+ clear: both;
5290
+ content: '';
5291
+ }
5292
+ .ant-upload-list {
5293
+ -webkit-box-sizing: border-box;
5294
+ box-sizing: border-box;
5295
+ margin: 0;
5296
+ padding: 0;
5297
+ color: rgba(0, 0, 0, 0.85);
5352
5298
  font-size: 14px;
5299
+ font-variant: tabular-nums;
5300
+ list-style: none;
5301
+ -webkit-font-feature-settings: 'tnum';
5302
+ font-feature-settings: 'tnum';
5303
+ line-height: 1.5715;
5353
5304
  }
5354
- .ant-popover-message-title {
5355
- padding-left: 22px;
5305
+ .ant-upload-list::before {
5306
+ display: table;
5307
+ content: '';
5356
5308
  }
5357
- .ant-popover-buttons {
5358
- margin-bottom: 4px;
5359
- text-align: right;
5309
+ .ant-upload-list::after {
5310
+ display: table;
5311
+ clear: both;
5312
+ content: '';
5360
5313
  }
5361
- .ant-popover-buttons button {
5362
- margin-left: 8px;
5314
+ .ant-upload-list-item {
5315
+ position: relative;
5316
+ height: 22.001px;
5317
+ margin-top: 8px;
5318
+ font-size: 14px;
5363
5319
  }
5364
- .ant-popover-arrow {
5365
- position: absolute;
5366
- display: block;
5367
- width: 8.48528137px;
5368
- height: 8.48528137px;
5320
+ .ant-upload-list-item-name {
5321
+ display: inline-block;
5322
+ width: 100%;
5323
+ padding-left: 22px;
5369
5324
  overflow: hidden;
5370
- background: transparent;
5371
- pointer-events: none;
5325
+ line-height: 1.5715;
5326
+ white-space: nowrap;
5327
+ text-overflow: ellipsis;
5372
5328
  }
5373
- .ant-popover-arrow-content {
5329
+ .ant-upload-list-item-card-actions {
5374
5330
  position: absolute;
5375
- top: 0;
5376
5331
  right: 0;
5377
- bottom: 0;
5378
- left: 0;
5379
- display: block;
5380
- width: 6px;
5381
- height: 6px;
5382
- margin: auto;
5383
- background-color: #fff;
5384
- content: '';
5385
- pointer-events: auto;
5386
5332
  }
5387
- .ant-popover-placement-top .ant-popover-arrow,
5388
- .ant-popover-placement-topLeft .ant-popover-arrow,
5389
- .ant-popover-placement-topRight .ant-popover-arrow {
5390
- bottom: 1.51471863px;
5333
+ .ant-upload-list-item-card-actions-btn {
5334
+ opacity: 0;
5391
5335
  }
5392
- .ant-popover-placement-top .ant-popover-arrow-content,
5393
- .ant-popover-placement-topLeft .ant-popover-arrow-content,
5394
- .ant-popover-placement-topRight .ant-popover-arrow-content {
5395
- -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
5396
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
5397
- -webkit-transform: translateY(-4.24264069px) rotate(45deg);
5398
- transform: translateY(-4.24264069px) rotate(45deg);
5336
+ .ant-upload-list-item-card-actions-btn.ant-btn-sm {
5337
+ height: 20px;
5338
+ line-height: 1;
5399
5339
  }
5400
- .ant-popover-placement-top .ant-popover-arrow {
5401
- left: 50%;
5402
- -webkit-transform: translateX(-50%);
5403
- transform: translateX(-50%);
5340
+ .ant-upload-list-item-card-actions.picture {
5341
+ top: 22px;
5342
+ line-height: 0;
5404
5343
  }
5405
- .ant-popover-placement-topLeft .ant-popover-arrow {
5406
- left: 16px;
5344
+ .ant-upload-list-item-card-actions-btn:focus,
5345
+ .ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
5346
+ opacity: 1;
5407
5347
  }
5408
- .ant-popover-placement-topRight .ant-popover-arrow {
5409
- right: 16px;
5348
+ .ant-upload-list-item-card-actions .anticon {
5349
+ color: rgba(0, 0, 0, 0.45);
5410
5350
  }
5411
- .ant-popover-placement-right .ant-popover-arrow,
5412
- .ant-popover-placement-rightTop .ant-popover-arrow,
5413
- .ant-popover-placement-rightBottom .ant-popover-arrow {
5414
- left: 1.51471863px;
5351
+ .ant-upload-list-item-info {
5352
+ height: 100%;
5353
+ padding: 0 4px;
5354
+ -webkit-transition: background-color 0.3s;
5355
+ transition: background-color 0.3s;
5415
5356
  }
5416
- .ant-popover-placement-right .ant-popover-arrow-content,
5417
- .ant-popover-placement-rightTop .ant-popover-arrow-content,
5418
- .ant-popover-placement-rightBottom .ant-popover-arrow-content {
5419
- -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
5420
- box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
5421
- -webkit-transform: translateX(4.24264069px) rotate(45deg);
5422
- transform: translateX(4.24264069px) rotate(45deg);
5357
+ .ant-upload-list-item-info > span {
5358
+ display: block;
5359
+ width: 100%;
5360
+ height: 100%;
5423
5361
  }
5424
- .ant-popover-placement-right .ant-popover-arrow {
5425
- top: 50%;
5426
- -webkit-transform: translateY(-50%);
5427
- transform: translateY(-50%);
5362
+ .ant-upload-list-item-info .anticon-loading .anticon,
5363
+ .ant-upload-list-item-info .ant-upload-text-icon .anticon {
5364
+ position: absolute;
5365
+ top: 5px;
5366
+ color: rgba(0, 0, 0, 0.45);
5367
+ font-size: 14px;
5428
5368
  }
5429
- .ant-popover-placement-rightTop .ant-popover-arrow {
5430
- top: 12px;
5369
+ .ant-upload-list-item .anticon-close {
5370
+ position: absolute;
5371
+ top: 6px;
5372
+ right: 4px;
5373
+ color: rgba(0, 0, 0, 0.45);
5374
+ font-size: 10px;
5375
+ line-height: 0;
5376
+ cursor: pointer;
5377
+ opacity: 0;
5378
+ -webkit-transition: all 0.3s;
5379
+ transition: all 0.3s;
5431
5380
  }
5432
- .ant-popover-placement-rightBottom .ant-popover-arrow {
5433
- bottom: 12px;
5381
+ .ant-upload-list-item .anticon-close:hover {
5382
+ color: rgba(0, 0, 0, 0.85);
5434
5383
  }
5435
- .ant-popover-placement-bottom .ant-popover-arrow,
5436
- .ant-popover-placement-bottomLeft .ant-popover-arrow,
5437
- .ant-popover-placement-bottomRight .ant-popover-arrow {
5438
- top: 1.51471863px;
5384
+ .ant-upload-list-item:hover .ant-upload-list-item-info {
5385
+ background-color: #f5f5f5;
5439
5386
  }
5440
- .ant-popover-placement-bottom .ant-popover-arrow-content,
5441
- .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
5442
- .ant-popover-placement-bottomRight .ant-popover-arrow-content {
5443
- -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
5444
- box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
5445
- -webkit-transform: translateY(4.24264069px) rotate(45deg);
5446
- transform: translateY(4.24264069px) rotate(45deg);
5387
+ .ant-upload-list-item:hover .anticon-close {
5388
+ opacity: 1;
5447
5389
  }
5448
- .ant-popover-placement-bottom .ant-popover-arrow {
5449
- left: 50%;
5450
- -webkit-transform: translateX(-50%);
5451
- transform: translateX(-50%);
5390
+ .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
5391
+ opacity: 1;
5452
5392
  }
5453
- .ant-popover-placement-bottomLeft .ant-popover-arrow {
5454
- left: 16px;
5393
+ .ant-upload-list-item-error,
5394
+ .ant-upload-list-item-error .ant-upload-text-icon > .anticon,
5395
+ .ant-upload-list-item-error .ant-upload-list-item-name {
5396
+ color: #ff4d4f;
5455
5397
  }
5456
- .ant-popover-placement-bottomRight .ant-popover-arrow {
5457
- right: 16px;
5398
+ .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
5399
+ color: #ff4d4f;
5458
5400
  }
5459
- .ant-popover-placement-left .ant-popover-arrow,
5460
- .ant-popover-placement-leftTop .ant-popover-arrow,
5461
- .ant-popover-placement-leftBottom .ant-popover-arrow {
5462
- right: 1.51471863px;
5401
+ .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
5402
+ opacity: 1;
5463
5403
  }
5464
- .ant-popover-placement-left .ant-popover-arrow-content,
5465
- .ant-popover-placement-leftTop .ant-popover-arrow-content,
5466
- .ant-popover-placement-leftBottom .ant-popover-arrow-content {
5467
- -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
5468
- box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
5469
- -webkit-transform: translateX(-4.24264069px) rotate(45deg);
5470
- transform: translateX(-4.24264069px) rotate(45deg);
5471
- }
5472
- .ant-popover-placement-left .ant-popover-arrow {
5473
- top: 50%;
5474
- -webkit-transform: translateY(-50%);
5475
- transform: translateY(-50%);
5404
+ .ant-upload-list-item-progress {
5405
+ position: absolute;
5406
+ bottom: -12px;
5407
+ width: 100%;
5408
+ padding-left: 26px;
5409
+ font-size: 14px;
5410
+ line-height: 0;
5476
5411
  }
5477
- .ant-popover-placement-leftTop .ant-popover-arrow {
5478
- top: 12px;
5412
+ .ant-upload-list-picture .ant-upload-list-item,
5413
+ .ant-upload-list-picture-card .ant-upload-list-item {
5414
+ position: relative;
5415
+ height: 66px;
5416
+ padding: 8px;
5417
+ border: 1px solid #d9d9d9;
5418
+ border-radius: 2px;
5479
5419
  }
5480
- .ant-popover-placement-leftBottom .ant-popover-arrow {
5481
- bottom: 12px;
5420
+ .ant-upload-list-picture .ant-upload-list-item:hover,
5421
+ .ant-upload-list-picture-card .ant-upload-list-item:hover {
5422
+ background: transparent;
5482
5423
  }
5483
- .ant-popover-pink .ant-popover-inner {
5484
- background-color: #eb2f96;
5424
+ .ant-upload-list-picture .ant-upload-list-item-error,
5425
+ .ant-upload-list-picture-card .ant-upload-list-item-error {
5426
+ border-color: #ff4d4f;
5485
5427
  }
5486
- .ant-popover-pink .ant-popover-arrow-content {
5487
- background-color: #eb2f96;
5428
+ .ant-upload-list-picture .ant-upload-list-item-info,
5429
+ .ant-upload-list-picture-card .ant-upload-list-item-info {
5430
+ padding: 0;
5488
5431
  }
5489
- .ant-popover-magenta .ant-popover-inner {
5490
- background-color: #eb2f96;
5432
+ .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
5433
+ .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
5434
+ background: transparent;
5491
5435
  }
5492
- .ant-popover-magenta .ant-popover-arrow-content {
5493
- background-color: #eb2f96;
5436
+ .ant-upload-list-picture .ant-upload-list-item-uploading,
5437
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading {
5438
+ border-style: dashed;
5494
5439
  }
5495
- .ant-popover-red .ant-popover-inner {
5496
- background-color: #f5222d;
5440
+ .ant-upload-list-picture .ant-upload-list-item-thumbnail,
5441
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
5442
+ width: 48px;
5443
+ height: 48px;
5444
+ line-height: 60px;
5445
+ text-align: center;
5446
+ opacity: 0.8;
5497
5447
  }
5498
- .ant-popover-red .ant-popover-arrow-content {
5499
- background-color: #f5222d;
5448
+ .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
5449
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
5450
+ font-size: 26px;
5500
5451
  }
5501
- .ant-popover-volcano .ant-popover-inner {
5502
- background-color: #fa541c;
5452
+ .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
5453
+ .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
5454
+ fill: #fff2f0;
5503
5455
  }
5504
- .ant-popover-volcano .ant-popover-arrow-content {
5505
- background-color: #fa541c;
5456
+ .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
5457
+ .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
5458
+ fill: #ff4d4f;
5506
5459
  }
5507
- .ant-popover-orange .ant-popover-inner {
5508
- background-color: #fa8c16;
5460
+ .ant-upload-list-picture .ant-upload-list-item-icon,
5461
+ .ant-upload-list-picture-card .ant-upload-list-item-icon {
5462
+ position: absolute;
5463
+ top: 50%;
5464
+ left: 50%;
5465
+ font-size: 26px;
5466
+ -webkit-transform: translate(-50%, -50%);
5467
+ transform: translate(-50%, -50%);
5509
5468
  }
5510
- .ant-popover-orange .ant-popover-arrow-content {
5511
- background-color: #fa8c16;
5469
+ .ant-upload-list-picture .ant-upload-list-item-icon .anticon,
5470
+ .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
5471
+ font-size: 26px;
5512
5472
  }
5513
- .ant-popover-yellow .ant-popover-inner {
5514
- background-color: #fadb14;
5473
+ .ant-upload-list-picture .ant-upload-list-item-image,
5474
+ .ant-upload-list-picture-card .ant-upload-list-item-image {
5475
+ max-width: 100%;
5515
5476
  }
5516
- .ant-popover-yellow .ant-popover-arrow-content {
5517
- background-color: #fadb14;
5477
+ .ant-upload-list-picture .ant-upload-list-item-thumbnail img,
5478
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
5479
+ display: block;
5480
+ width: 48px;
5481
+ height: 48px;
5482
+ overflow: hidden;
5518
5483
  }
5519
- .ant-popover-gold .ant-popover-inner {
5520
- background-color: #faad14;
5484
+ .ant-upload-list-picture .ant-upload-list-item-name,
5485
+ .ant-upload-list-picture-card .ant-upload-list-item-name {
5486
+ display: inline-block;
5487
+ -webkit-box-sizing: border-box;
5488
+ box-sizing: border-box;
5489
+ max-width: 100%;
5490
+ margin: 0 0 0 8px;
5491
+ padding-right: 8px;
5492
+ padding-left: 48px;
5493
+ overflow: hidden;
5494
+ line-height: 44px;
5495
+ white-space: nowrap;
5496
+ text-overflow: ellipsis;
5497
+ -webkit-transition: all 0.3s;
5498
+ transition: all 0.3s;
5521
5499
  }
5522
- .ant-popover-gold .ant-popover-arrow-content {
5523
- background-color: #faad14;
5500
+ .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
5501
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
5502
+ margin-bottom: 12px;
5524
5503
  }
5525
- .ant-popover-cyan .ant-popover-inner {
5526
- background-color: #13c2c2;
5504
+ .ant-upload-list-picture .ant-upload-list-item-progress,
5505
+ .ant-upload-list-picture-card .ant-upload-list-item-progress {
5506
+ bottom: 14px;
5507
+ width: calc(100% - 24px);
5508
+ margin-top: 0;
5509
+ padding-left: 56px;
5527
5510
  }
5528
- .ant-popover-cyan .ant-popover-arrow-content {
5529
- background-color: #13c2c2;
5511
+ .ant-upload-list-picture .anticon-close,
5512
+ .ant-upload-list-picture-card .anticon-close {
5513
+ position: absolute;
5514
+ top: 8px;
5515
+ right: 8px;
5516
+ line-height: 1;
5517
+ opacity: 1;
5530
5518
  }
5531
- .ant-popover-lime .ant-popover-inner {
5532
- background-color: #a0d911;
5519
+ .ant-upload-list-picture-card-container {
5520
+ display: inline-block;
5521
+ width: 104px;
5522
+ height: 104px;
5523
+ margin: 0 8px 8px 0;
5524
+ vertical-align: top;
5533
5525
  }
5534
- .ant-popover-lime .ant-popover-arrow-content {
5535
- background-color: #a0d911;
5526
+ .ant-upload-list-picture-card.ant-upload-list::after {
5527
+ display: none;
5536
5528
  }
5537
- .ant-popover-green .ant-popover-inner {
5538
- background-color: #52c41a;
5529
+ .ant-upload-list-picture-card .ant-upload-list-item {
5530
+ height: 100%;
5531
+ margin: 0;
5539
5532
  }
5540
- .ant-popover-green .ant-popover-arrow-content {
5541
- background-color: #52c41a;
5533
+ .ant-upload-list-picture-card .ant-upload-list-item-info {
5534
+ position: relative;
5535
+ height: 100%;
5536
+ overflow: hidden;
5542
5537
  }
5543
- .ant-popover-blue .ant-popover-inner {
5544
- background-color: #1890ff;
5538
+ .ant-upload-list-picture-card .ant-upload-list-item-info::before {
5539
+ position: absolute;
5540
+ z-index: 1;
5541
+ width: 100%;
5542
+ height: 100%;
5543
+ background-color: rgba(0, 0, 0, 0.5);
5544
+ opacity: 0;
5545
+ -webkit-transition: all 0.3s;
5546
+ transition: all 0.3s;
5547
+ content: ' ';
5545
5548
  }
5546
- .ant-popover-blue .ant-popover-arrow-content {
5547
- background-color: #1890ff;
5549
+ .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
5550
+ opacity: 1;
5548
5551
  }
5549
- .ant-popover-geekblue .ant-popover-inner {
5550
- background-color: #2f54eb;
5552
+ .ant-upload-list-picture-card .ant-upload-list-item-actions {
5553
+ position: absolute;
5554
+ top: 50%;
5555
+ left: 50%;
5556
+ z-index: 10;
5557
+ white-space: nowrap;
5558
+ -webkit-transform: translate(-50%, -50%);
5559
+ transform: translate(-50%, -50%);
5560
+ opacity: 0;
5561
+ -webkit-transition: all 0.3s;
5562
+ transition: all 0.3s;
5551
5563
  }
5552
- .ant-popover-geekblue .ant-popover-arrow-content {
5553
- background-color: #2f54eb;
5564
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
5565
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
5566
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
5567
+ z-index: 10;
5568
+ width: 16px;
5569
+ margin: 0 4px;
5570
+ color: rgba(255, 255, 255, 0.85);
5571
+ font-size: 16px;
5572
+ cursor: pointer;
5573
+ -webkit-transition: all 0.3s;
5574
+ transition: all 0.3s;
5554
5575
  }
5555
- .ant-popover-purple .ant-popover-inner {
5556
- background-color: #722ed1;
5576
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
5577
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
5578
+ .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
5579
+ color: #fff;
5557
5580
  }
5558
- .ant-popover-purple .ant-popover-arrow-content {
5559
- background-color: #722ed1;
5581
+ .ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
5582
+ .ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
5583
+ opacity: 1;
5560
5584
  }
5561
- .ant-popover-rtl {
5562
- direction: rtl;
5563
- text-align: right;
5585
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
5586
+ .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
5587
+ position: static;
5588
+ display: block;
5589
+ width: 100%;
5590
+ height: 100%;
5591
+ -o-object-fit: contain;
5592
+ object-fit: contain;
5564
5593
  }
5565
- .ant-popover-rtl .ant-popover-message-title {
5566
- padding-right: 22px;
5567
- padding-left: 16px;
5594
+ .ant-upload-list-picture-card .ant-upload-list-item-name {
5595
+ display: none;
5596
+ margin: 8px 0 0;
5597
+ padding: 0;
5598
+ line-height: 1.5715;
5599
+ text-align: center;
5568
5600
  }
5569
- .ant-popover-rtl .ant-popover-buttons {
5570
- text-align: left;
5601
+ .ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
5602
+ position: absolute;
5603
+ bottom: 10px;
5604
+ display: block;
5571
5605
  }
5572
- .ant-popover-rtl .ant-popover-buttons button {
5573
- margin-right: 8px;
5574
- margin-left: 0;
5606
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
5607
+ background-color: #fafafa;
5575
5608
  }
5576
- .pandora-sdk-datetime-pick-popover-root .ant-popover-inner-content {
5577
- padding: 0;
5609
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
5610
+ height: auto;
5578
5611
  }
5579
- .pandora-sdk-datetime-pick-popover-root .ant-btn {
5580
- line-height: 1.499;
5581
- }
5582
- .pandora-sdk-datetime-pick-popover-root .ant-table {
5583
- line-height: 1.5;
5612
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
5613
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
5614
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
5615
+ display: none;
5584
5616
  }
5585
- .pandora-sdk-datetime-pick-popover {
5586
- width: 650px;
5617
+ .ant-upload-list-picture-card .ant-upload-list-item-progress {
5618
+ bottom: 32px;
5619
+ width: calc(100% - 14px);
5620
+ padding-left: 0;
5587
5621
  }
5588
- .pandora-sdk-collapsible-panel > .panel-header {
5589
- position: relative;
5590
- padding: 12px 16px 12px 40px;
5591
- cursor: pointer;
5592
- color: rgba(0, 0, 0, 0.85);
5593
- background-color: #f4f5f7;
5594
- border: 1px solid #d9d9d9;
5622
+ .ant-upload-list-text-container,
5623
+ .ant-upload-list-picture-container {
5624
+ -webkit-transition: opacity 0.3s, height 0.3s;
5625
+ transition: opacity 0.3s, height 0.3s;
5595
5626
  }
5596
- .pandora-sdk-collapsible-panel > .panel-header > .icon {
5597
- position: absolute;
5598
- left: 16px;
5599
- top: 50%;
5600
- -webkit-transform: translateY(-50%);
5601
- transform: translateY(-50%);
5627
+ .ant-upload-list-text-container::before,
5628
+ .ant-upload-list-picture-container::before {
5629
+ display: table;
5630
+ width: 0;
5631
+ height: 0;
5632
+ content: '';
5602
5633
  }
5603
- .pandora-sdk-collapsible-panel > .panel-header > .icon > i {
5604
- color: inherit;
5634
+ .ant-upload-list-text-container .ant-upload-span,
5635
+ .ant-upload-list-picture-container .ant-upload-span {
5636
+ display: block;
5637
+ -webkit-box-flex: 1;
5638
+ -ms-flex: auto;
5639
+ flex: auto;
5605
5640
  }
5606
- .pandora-sdk-collapsible-panel > .panel-header > .icon > i > svg {
5607
- -webkit-transition: -webkit-transform 0.2s linear;
5608
- transition: -webkit-transform 0.2s linear;
5609
- transition: transform 0.2s linear;
5610
- transition: transform 0.2s linear, -webkit-transform 0.2s linear;
5641
+ .ant-upload-list-text .ant-upload-span,
5642
+ .ant-upload-list-picture .ant-upload-span {
5643
+ display: -webkit-box;
5644
+ display: -ms-flexbox;
5645
+ display: flex;
5646
+ -webkit-box-align: center;
5647
+ -ms-flex-align: center;
5648
+ align-items: center;
5611
5649
  }
5612
- .pandora-sdk-collapsible-panel > .panel-header.disabled-header {
5613
- cursor: not-allowed;
5650
+ .ant-upload-list-text .ant-upload-span > *,
5651
+ .ant-upload-list-picture .ant-upload-span > * {
5652
+ -webkit-box-flex: 0;
5653
+ -ms-flex: none;
5654
+ flex: none;
5614
5655
  }
5615
- .pandora-sdk-collapsible-panel > .panel-content-box {
5616
- overflow-y: hidden;
5617
- padding: 0;
5656
+ .ant-upload-list-text .ant-upload-list-item-name,
5657
+ .ant-upload-list-picture .ant-upload-list-item-name {
5658
+ -webkit-box-flex: 1;
5659
+ -ms-flex: auto;
5660
+ flex: auto;
5618
5661
  margin: 0;
5619
- border: none;
5620
- }
5621
- .pandora-sdk-collapsible-panel > .panel-content-box > div > .panel-content {
5622
- padding: 8px 16px;
5623
- color: rgba(0, 0, 0, 0.85);
5624
- background-color: #fff;
5625
- border: 1px solid #d9d9d9;
5626
- border-top: none;
5627
- overflow-x: auto;
5628
- }
5629
- .pandora-sdk-collapsible-panel.no-border > .panel-header,
5630
- .pandora-sdk-collapsible-panel.no-border > .panel-content-box > div > .panel-content {
5631
- border: none;
5662
+ padding: 0 8px;
5632
5663
  }
5633
- .pandora-sdk-collapsible-panel.icon-right > .panel-header {
5634
- padding: 12px 40px 12px 16px;
5664
+ .ant-upload-list-text .ant-upload-list-item-card-actions,
5665
+ .ant-upload-list-picture .ant-upload-list-item-card-actions {
5666
+ position: static;
5635
5667
  }
5636
- .pandora-sdk-collapsible-panel.icon-right > .panel-header > :local(.icon) {
5637
- left: unset;
5638
- right: 16px;
5668
+ .ant-upload-list-text .ant-upload-text-icon .anticon {
5669
+ position: static;
5639
5670
  }
5640
- .pandora-sdk-collapsible-panel.hide-arrow > .panel-header {
5641
- padding-left: 16px;
5642
- padding-right: 16px;
5671
+ .ant-upload-list .ant-upload-animate-inline-appear,
5672
+ .ant-upload-list .ant-upload-animate-inline-enter,
5673
+ .ant-upload-list .ant-upload-animate-inline-leave {
5674
+ -webkit-animation-duration: 0.3s;
5675
+ animation-duration: 0.3s;
5676
+ -webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
5677
+ animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
5643
5678
  }
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;
5679
+ .ant-upload-list .ant-upload-animate-inline-appear,
5680
+ .ant-upload-list .ant-upload-animate-inline-enter {
5681
+ -webkit-animation-name: uploadAnimateInlineIn;
5682
+ animation-name: uploadAnimateInlineIn;
5651
5683
  }
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);
5684
+ .ant-upload-list .ant-upload-animate-inline-leave {
5685
+ -webkit-animation-name: uploadAnimateInlineOut;
5686
+ animation-name: uploadAnimateInlineOut;
5660
5687
  }
5661
- .ant-drawer .ant-drawer-content {
5662
- width: 100%;
5663
- height: 100%;
5688
+ @-webkit-keyframes uploadAnimateInlineIn {
5689
+ from {
5690
+ width: 0;
5691
+ height: 0;
5692
+ margin: 0;
5693
+ padding: 0;
5694
+ opacity: 0;
5695
+ }
5664
5696
  }
5665
- .ant-drawer-left,
5666
- .ant-drawer-right {
5667
- top: 0;
5668
- width: 0%;
5669
- height: 100%;
5697
+ @keyframes uploadAnimateInlineIn {
5698
+ from {
5699
+ width: 0;
5700
+ height: 0;
5701
+ margin: 0;
5702
+ padding: 0;
5703
+ opacity: 0;
5704
+ }
5670
5705
  }
5671
- .ant-drawer-left .ant-drawer-content-wrapper,
5672
- .ant-drawer-right .ant-drawer-content-wrapper {
5673
- height: 100%;
5706
+ @-webkit-keyframes uploadAnimateInlineOut {
5707
+ to {
5708
+ width: 0;
5709
+ height: 0;
5710
+ margin: 0;
5711
+ padding: 0;
5712
+ opacity: 0;
5713
+ }
5674
5714
  }
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);
5715
+ @keyframes uploadAnimateInlineOut {
5716
+ to {
5717
+ width: 0;
5718
+ height: 0;
5719
+ margin: 0;
5720
+ padding: 0;
5721
+ opacity: 0;
5722
+ }
5682
5723
  }
5683
- .ant-drawer-left {
5684
- left: 0;
5724
+ .ant-upload-rtl {
5725
+ direction: rtl;
5685
5726
  }
5686
- .ant-drawer-left .ant-drawer-content-wrapper {
5687
- left: 0;
5727
+ .ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
5728
+ margin-right: auto;
5729
+ margin-left: 8px;
5688
5730
  }
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);
5731
+ .ant-upload-list-rtl {
5732
+ direction: rtl;
5692
5733
  }
5693
- .ant-drawer-right {
5694
- right: 0;
5734
+ .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
5735
+ padding-right: 22px;
5736
+ padding-left: 14px;
5695
5737
  }
5696
- .ant-drawer-right .ant-drawer-content-wrapper {
5697
- right: 0;
5738
+ .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
5739
+ padding-right: 22px;
5740
+ padding-left: 28px;
5698
5741
  }
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);
5742
+ .ant-upload-list-rtl .ant-upload-list-item-name {
5743
+ padding-right: 22px;
5744
+ padding-left: 0;
5702
5745
  }
5703
- .ant-drawer-right.ant-drawer-open.no-mask {
5704
- right: 1px;
5705
- -webkit-transform: translateX(1px);
5706
- transform: translateX(1px);
5746
+ .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
5747
+ padding-left: 14px;
5707
5748
  }
5708
- .ant-drawer-top,
5709
- .ant-drawer-bottom {
5749
+ .ant-upload-list-rtl .ant-upload-list-item-card-actions {
5750
+ right: auto;
5710
5751
  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
5752
  }
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);
5753
+ .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
5754
+ padding-right: 0;
5755
+ padding-left: 5px;
5725
5756
  }
5726
- .ant-drawer-top {
5727
- top: 0;
5757
+ .ant-upload-list-rtl .ant-upload-list-item-info {
5758
+ padding: 0 4px 0 12px;
5728
5759
  }
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);
5760
+ .ant-upload-list-rtl .ant-upload-list-item .anticon-close {
5761
+ right: auto;
5762
+ left: 4px;
5732
5763
  }
5733
- .ant-drawer-bottom {
5734
- bottom: 0;
5764
+ .ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
5765
+ padding-right: 0;
5766
+ padding-left: 5px;
5735
5767
  }
5736
- .ant-drawer-bottom .ant-drawer-content-wrapper {
5737
- bottom: 0;
5768
+ .ant-upload-list-rtl .ant-upload-list-item-progress {
5769
+ padding-right: 26px;
5770
+ padding-left: 0;
5738
5771
  }
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);
5772
+ .ant-upload-list-picture .ant-upload-list-item-info,
5773
+ .ant-upload-list-picture-card .ant-upload-list-item-info {
5774
+ padding: 0;
5742
5775
  }
5743
- .ant-drawer-bottom.ant-drawer-open.no-mask {
5744
- bottom: 1px;
5745
- -webkit-transform: translateY(1px);
5746
- transform: translateY(1px);
5776
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
5777
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
5778
+ right: 8px;
5779
+ left: auto;
5747
5780
  }
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;
5781
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
5782
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
5783
+ right: 50%;
5784
+ left: auto;
5785
+ -webkit-transform: translate(50%, -50%);
5786
+ transform: translate(50%, -50%);
5756
5787
  }
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;
5788
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
5789
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
5790
+ margin: 0 8px 0 0;
5791
+ padding-right: 48px;
5792
+ padding-left: 8px;
5763
5793
  }
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;
5794
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
5795
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
5796
+ padding-right: 48px;
5797
+ padding-left: 18px;
5771
5798
  }
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;
5799
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
5800
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
5801
+ padding-right: 48px;
5802
+ padding-left: 36px;
5803
+ }
5804
+ .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
5805
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
5806
+ padding-right: 0;
5807
+ padding-left: 0;
5808
+ }
5809
+ .ant-upload-list-rtl.ant-upload-list-picture .anticon-close,
5810
+ .ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close {
5811
+ right: auto;
5812
+ left: 8px;
5813
+ }
5814
+ .ant-upload-list-rtl .ant-upload-list-picture-card-container {
5815
+ margin: 0 0 8px 8px;
5816
+ }
5817
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
5818
+ right: 50%;
5819
+ left: auto;
5820
+ -webkit-transform: translate(50%, -50%);
5821
+ transform: translate(50%, -50%);
5822
+ }
5823
+ .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
5824
+ margin: 8px 0 0;
5825
+ padding: 0;
5826
+ }
5827
+ .pandora-sdk-file-resumable {
5786
5828
  cursor: pointer;
5787
- -webkit-transition: color 0.3s;
5788
- transition: color 0.3s;
5789
- text-rendering: auto;
5790
5829
  }
5791
- .ant-drawer-close:focus,
5792
- .ant-drawer-close:hover {
5793
- color: rgba(0, 0, 0, 0.75);
5794
- text-decoration: none;
5830
+ .pandora-sdk-file-resumable-run-container {
5831
+ text-align: right;
5795
5832
  }
5796
- .ant-drawer-header {
5833
+ .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon {
5834
+ color: #2c6dd2;
5835
+ cursor: pointer;
5836
+ font-size: 14px;
5837
+ margin: 0 6px;
5838
+ }
5839
+ .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled {
5840
+ color: #d9d9d9;
5841
+ }
5842
+ .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled:hover {
5843
+ cursor: not-allowed;
5844
+ }
5845
+ .pandora-sdk-file-resumable-upload-icon {
5846
+ font-size: 50px;
5847
+ color: inherit;
5848
+ }
5849
+ .downloadIcon {
5850
+ color: #2c6dd2;
5851
+ cursor: pointer;
5852
+ font-size: 20px;
5853
+ }
5854
+ .pandora-sdk-file-resumable:hover {
5855
+ border-color: #2c6dd2;
5856
+ }
5857
+ .pandora-sdk-file-resumable-img-container {
5858
+ background: #d9d9d9;
5859
+ border: 1px dashed #d9d9d9;
5860
+ width: 50px;
5861
+ height: 50px;
5862
+ padding: 4px;
5863
+ border-radius: 2px;
5864
+ -webkit-box-align: center;
5865
+ -ms-flex-align: center;
5866
+ align-items: center;
5867
+ cursor: pointer;
5797
5868
  position: relative;
5869
+ font-size: 16px;
5798
5870
  display: -webkit-box;
5799
5871
  display: -ms-flexbox;
5800
5872
  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;
5873
+ -webkit-box-pack: center;
5874
+ -ms-flex-pack: center;
5875
+ justify-content: center;
5812
5876
  }
5813
- .ant-drawer-header-title {
5877
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator {
5814
5878
  display: -webkit-box;
5815
5879
  display: -ms-flexbox;
5816
5880
  display: flex;
5881
+ -webkit-box-pack: center;
5882
+ -ms-flex-pack: center;
5883
+ justify-content: center;
5817
5884
  -webkit-box-align: center;
5818
5885
  -ms-flex-align: center;
5819
5886
  align-items: center;
5820
- -webkit-box-pack: justify;
5821
- -ms-flex-pack: justify;
5822
- justify-content: space-between;
5887
+ position: absolute;
5888
+ top: 4px;
5889
+ left: 4px;
5890
+ right: 4px;
5891
+ bottom: 4px;
5823
5892
  }
5824
- .ant-drawer-header-close-only {
5825
- padding-bottom: 0;
5826
- border: none;
5893
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator .anticon {
5894
+ font-size: 16px;
5827
5895
  }
5828
- .ant-drawer-wrapper-body {
5896
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-hidden-plus-icon {
5897
+ display: none;
5898
+ }
5899
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-box {
5900
+ max-width: 100%;
5901
+ max-height: 100%;
5902
+ padding: 4px;
5903
+ }
5904
+ .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator {
5905
+ background: rgba(51, 51, 51, 0.7);
5829
5906
  display: -webkit-box;
5830
5907
  display: -ms-flexbox;
5831
5908
  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
5909
  }
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;
5910
+ .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator .anticon {
5911
+ font-size: 16px;
5912
+ color: #d9d9d9;
5848
5913
  }
5849
- .ant-drawer-footer {
5850
- -ms-flex-negative: 0;
5851
- flex-shrink: 0;
5852
- padding: 10px 16px;
5853
- border-top: 1px solid #f0f0f0;
5914
+ .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag {
5915
+ width: 50px;
5916
+ height: 50px;
5917
+ border: none;
5854
5918
  }
5855
- .ant-drawer-mask {
5856
- 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;
5919
+ .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag .ant-upload-btn {
5920
+ padding: 0;
5866
5921
  }
5867
- .ant-drawer .ant-picker-clear {
5868
- background: #fff;
5922
+ .ant-input[disabled] {
5923
+ border-color: #d9d9d9;
5869
5924
  }
5870
- @-webkit-keyframes antdDrawerFadeIn {
5871
- 0% {
5872
- opacity: 0;
5873
- }
5874
- 100% {
5875
- opacity: 1;
5876
- }
5925
+ .ant-input-group-addon {
5926
+ color: #666;
5877
5927
  }
5878
- @keyframes antdDrawerFadeIn {
5879
- 0% {
5880
- opacity: 0;
5881
- }
5882
- 100% {
5883
- opacity: 1;
5884
- }
5928
+ .pandora-sdk-key-value-label,
5929
+ .pandora-sdk-key-value-value {
5930
+ display: inline-block;
5931
+ overflow: hidden;
5932
+ text-overflow: ellipsis;
5933
+ white-space: nowrap;
5934
+ line-height: 1.8;
5935
+ vertical-align: middle;
5885
5936
  }
5886
- .ant-drawer-rtl {
5887
- direction: rtl;
5937
+ .pandora-sdk-key-value-label {
5938
+ color: #666;
5939
+ width: 30%;
5888
5940
  }
5889
- .ant-drawer-rtl .ant-drawer-close {
5890
- margin-right: 0;
5891
- margin-left: 12px;
5941
+ .pandora-sdk-key-value-label-top {
5942
+ padding-top: 10px;
5943
+ vertical-align: top;
5892
5944
  }
5893
- .pandora-sdk-drawer .ant-drawer-content-wrapper {
5894
- width: 50%;
5895
- min-width: 300px;
5945
+ .pandora-sdk-key-value-value {
5946
+ color: #333;
5947
+ width: 70%;
5896
5948
  }
5897
- .pandora-sdk-drawer .ant-drawer-content > div {
5949
+ .ant-modal {
5950
+ -webkit-box-sizing: border-box;
5951
+ box-sizing: border-box;
5952
+ margin: 0;
5953
+ padding: 0;
5954
+ color: rgba(0, 0, 0, 0.85);
5955
+ font-size: 14px;
5956
+ font-variant: tabular-nums;
5957
+ line-height: 1.5715;
5958
+ list-style: none;
5959
+ -webkit-font-feature-settings: 'tnum';
5960
+ font-feature-settings: 'tnum';
5961
+ pointer-events: none;
5898
5962
  position: relative;
5963
+ top: 100px;
5964
+ width: auto;
5965
+ max-width: calc(100vw - 32px);
5966
+ margin: 0 auto;
5967
+ padding-bottom: 24px;
5899
5968
  }
5900
- .pandora-sdk-drawer .ant-drawer-close-x {
5901
- width: 60px;
5902
- height: 60px;
5903
- line-height: 60px;
5904
- }
5905
- .pandora-sdk-drawer-no-mask .ant-drawer-content-wrapper {
5906
- width: 100%;
5969
+ .ant-modal.ant-zoom-enter,
5970
+ .ant-modal.antzoom-appear {
5971
+ -webkit-transform: none;
5972
+ transform: none;
5973
+ opacity: 0;
5974
+ -webkit-animation-duration: 0.3s;
5975
+ animation-duration: 0.3s;
5976
+ -webkit-user-select: none;
5977
+ -moz-user-select: none;
5978
+ -ms-user-select: none;
5979
+ user-select: none;
5907
5980
  }
5908
- .pandora-sdk-scroll-handler {
5909
- position: absolute;
5910
- width: 5px;
5911
- padding: 4px 0 0;
5981
+ .ant-modal-mask {
5982
+ position: fixed;
5912
5983
  top: 0;
5913
- left: 0;
5984
+ right: 0;
5914
5985
  bottom: 0;
5915
- z-index: 100;
5916
- cursor: ew-resize;
5917
- }
5918
- .pandora-sdk-drawer-right-close-icon {
5919
- margin-left: 8px;
5920
- font-size: 16px;
5986
+ left: 0;
5987
+ z-index: 1000;
5988
+ height: 100%;
5989
+ background-color: rgba(0, 0, 0, 0.45);
5921
5990
  }
5922
- .ant-input[disabled] {
5923
- border-color: #d9d9d9;
5991
+ .ant-modal-mask-hidden {
5992
+ display: none;
5924
5993
  }
5925
- .ant-input-group-addon {
5926
- color: #666;
5994
+ .ant-modal-wrap {
5995
+ position: fixed;
5996
+ top: 0;
5997
+ right: 0;
5998
+ bottom: 0;
5999
+ left: 0;
6000
+ overflow: auto;
6001
+ outline: 0;
6002
+ -webkit-overflow-scrolling: touch;
5927
6003
  }
5928
- .pandora-sdk-key-value-label,
5929
- .pandora-sdk-key-value-value {
5930
- display: inline-block;
5931
- overflow: hidden;
5932
- text-overflow: ellipsis;
5933
- white-space: nowrap;
5934
- line-height: 1.8;
5935
- vertical-align: middle;
6004
+ .ant-modal-wrap {
6005
+ z-index: 1000;
5936
6006
  }
5937
- .pandora-sdk-key-value-label {
5938
- color: #666;
5939
- width: 30%;
6007
+ .ant-modal-title {
6008
+ margin: 0;
6009
+ color: rgba(0, 0, 0, 0.85);
6010
+ font-weight: 500;
6011
+ font-size: 16px;
6012
+ line-height: 22px;
6013
+ word-wrap: break-word;
5940
6014
  }
5941
- .pandora-sdk-key-value-value {
5942
- color: #333;
5943
- width: 70%;
6015
+ .ant-modal-content {
6016
+ position: relative;
6017
+ background-color: #fff;
6018
+ background-clip: padding-box;
6019
+ border: 0;
6020
+ border-radius: 2px;
6021
+ -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
6022
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
6023
+ pointer-events: auto;
5944
6024
  }
5945
- .pandora-sdk-name-explain-icon {
5946
- color: inherit;
6025
+ .ant-modal-close {
6026
+ position: absolute;
6027
+ top: 0;
6028
+ right: 0;
6029
+ z-index: 10;
6030
+ padding: 0;
6031
+ color: rgba(0, 0, 0, 0.45);
6032
+ font-weight: 700;
6033
+ line-height: 1;
6034
+ text-decoration: none;
6035
+ background: transparent;
6036
+ border: 0;
6037
+ outline: 0;
6038
+ cursor: pointer;
5947
6039
  -webkit-transition: color 0.3s;
5948
6040
  transition: color 0.3s;
5949
6041
  }
5950
- .pandora-sdk-name-explain-icon:hover,
5951
- .pandora-sdk-name-explain-icon .ant-tooltip-open {
5952
- color: #2c6dd2;
5953
- }
5954
- .ant-menu-item-danger.ant-menu-item {
5955
- color: #ff4d4f;
6042
+ .ant-modal-close-x {
6043
+ display: block;
6044
+ width: 56px;
6045
+ height: 56px;
6046
+ font-size: 16px;
6047
+ font-style: normal;
6048
+ line-height: 56px;
6049
+ text-align: center;
6050
+ text-transform: none;
6051
+ text-rendering: auto;
5956
6052
  }
5957
- .ant-menu-item-danger.ant-menu-item:hover,
5958
- .ant-menu-item-danger.ant-menu-item-active {
5959
- color: #ff4d4f;
6053
+ .ant-modal-close:focus,
6054
+ .ant-modal-close:hover {
6055
+ color: rgba(0, 0, 0, 0.75);
6056
+ text-decoration: none;
5960
6057
  }
5961
- .ant-menu-item-danger.ant-menu-item:active {
5962
- background: #fff1f0;
6058
+ .ant-modal-header {
6059
+ padding: 16px 24px;
6060
+ color: rgba(0, 0, 0, 0.85);
6061
+ background: #fff;
6062
+ border-bottom: 1px solid #f0f0f0;
6063
+ border-radius: 2px 2px 0 0;
5963
6064
  }
5964
- .ant-menu-item-danger.ant-menu-item-selected {
5965
- color: #ff4d4f;
6065
+ .ant-modal-body {
6066
+ padding: 24px;
6067
+ font-size: 14px;
6068
+ line-height: 1.5715;
6069
+ word-wrap: break-word;
5966
6070
  }
5967
- .ant-menu-item-danger.ant-menu-item-selected > a,
5968
- .ant-menu-item-danger.ant-menu-item-selected > a:hover {
5969
- color: #ff4d4f;
6071
+ .ant-modal-footer {
6072
+ padding: 10px 16px;
6073
+ text-align: right;
6074
+ background: transparent;
6075
+ border-top: 1px solid #f0f0f0;
6076
+ border-radius: 0 0 2px 2px;
5970
6077
  }
5971
- .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
5972
- background-color: #fff1f0;
6078
+ .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
6079
+ margin-bottom: 0;
6080
+ margin-left: 8px;
5973
6081
  }
5974
- .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
5975
- border-right-color: #ff4d4f;
6082
+ .ant-modal-open {
6083
+ overflow: hidden;
5976
6084
  }
5977
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item,
5978
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
5979
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
5980
- color: #ff4d4f;
6085
+ .ant-modal-centered {
6086
+ text-align: center;
5981
6087
  }
5982
- .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
5983
- color: #fff;
5984
- background-color: #ff4d4f;
6088
+ .ant-modal-centered::before {
6089
+ display: inline-block;
6090
+ width: 0;
6091
+ height: 100%;
6092
+ vertical-align: middle;
6093
+ content: '';
5985
6094
  }
5986
- .ant-menu {
5987
- -webkit-box-sizing: border-box;
5988
- box-sizing: border-box;
5989
- margin: 0;
5990
- padding: 0;
5991
- font-variant: tabular-nums;
5992
- line-height: 1.5715;
5993
- -webkit-font-feature-settings: 'tnum';
5994
- font-feature-settings: 'tnum';
5995
- margin-bottom: 0;
5996
- padding-left: 0;
5997
- color: rgba(0, 0, 0, 0.85);
5998
- font-size: 14px;
5999
- line-height: 0;
6095
+ .ant-modal-centered .ant-modal {
6096
+ top: 0;
6097
+ display: inline-block;
6000
6098
  text-align: left;
6001
- list-style: none;
6002
- background: #fff;
6003
- outline: none;
6004
- -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
6005
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
6006
- -webkit-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
6007
- transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
6099
+ vertical-align: middle;
6008
6100
  }
6009
- .ant-menu::before {
6101
+ @media (max-width: 767px) {
6102
+ .ant-modal {
6103
+ max-width: calc(100vw - 16px);
6104
+ margin: 8px auto;
6105
+ }
6106
+ .ant-modal-centered .ant-modal {
6107
+ -webkit-box-flex: 1;
6108
+ -ms-flex: 1;
6109
+ flex: 1;
6110
+ }
6111
+ }
6112
+ .ant-modal-confirm .ant-modal-header {
6113
+ display: none;
6114
+ }
6115
+ .ant-modal-confirm .ant-modal-body {
6116
+ padding: 32px 32px 24px;
6117
+ }
6118
+ .ant-modal-confirm-body-wrapper::before {
6010
6119
  display: table;
6011
6120
  content: '';
6012
6121
  }
6013
- .ant-menu::after {
6122
+ .ant-modal-confirm-body-wrapper::after {
6014
6123
  display: table;
6015
6124
  clear: both;
6016
6125
  content: '';
6017
6126
  }
6018
- .ant-menu.ant-menu-root:focus-visible {
6019
- -webkit-box-shadow: 0 0 0 2px #e6f7ff;
6020
- box-shadow: 0 0 0 2px #e6f7ff;
6127
+ .ant-modal-confirm-body .ant-modal-confirm-title {
6128
+ display: block;
6129
+ overflow: hidden;
6130
+ color: rgba(0, 0, 0, 0.85);
6131
+ font-weight: 500;
6132
+ font-size: 16px;
6133
+ line-height: 1.4;
6021
6134
  }
6022
- .ant-menu ul,
6023
- .ant-menu ol {
6135
+ .ant-modal-confirm-body .ant-modal-confirm-content {
6136
+ margin-top: 8px;
6137
+ color: rgba(0, 0, 0, 0.85);
6138
+ font-size: 14px;
6139
+ }
6140
+ .ant-modal-confirm-body > .anticon {
6141
+ float: left;
6142
+ margin-right: 16px;
6143
+ font-size: 22px;
6144
+ }
6145
+ .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
6146
+ margin-left: 38px;
6147
+ }
6148
+ .ant-modal-confirm .ant-modal-confirm-btns {
6149
+ float: right;
6150
+ margin-top: 24px;
6151
+ }
6152
+ .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
6153
+ margin-bottom: 0;
6154
+ margin-left: 8px;
6155
+ }
6156
+ .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
6157
+ color: #ff4d4f;
6158
+ }
6159
+ .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
6160
+ .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
6161
+ color: #faad14;
6162
+ }
6163
+ .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
6164
+ color: #1890ff;
6165
+ }
6166
+ .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
6167
+ color: #52c41a;
6168
+ }
6169
+ .ant-modal-wrap-rtl {
6170
+ direction: rtl;
6171
+ }
6172
+ .ant-modal-wrap-rtl .ant-modal-close {
6173
+ right: initial;
6174
+ left: 0;
6175
+ }
6176
+ .ant-modal-wrap-rtl .ant-modal-footer {
6177
+ text-align: left;
6178
+ }
6179
+ .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
6180
+ margin-right: 8px;
6181
+ margin-left: 0;
6182
+ }
6183
+ .ant-modal-wrap-rtl .ant-modal-confirm-body {
6184
+ direction: rtl;
6185
+ }
6186
+ .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
6187
+ float: right;
6188
+ margin-right: 0;
6189
+ margin-left: 16px;
6190
+ }
6191
+ .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
6192
+ margin-right: 38px;
6193
+ margin-left: 0;
6194
+ }
6195
+ .ant-modal-wrap-rtl .ant-modal-confirm-btns {
6196
+ float: left;
6197
+ }
6198
+ .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
6199
+ margin-right: 8px;
6200
+ margin-left: 0;
6201
+ }
6202
+ .ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
6203
+ text-align: right;
6204
+ }
6205
+ .pandora-sdk-modal .ant-modal-header {
6206
+ border-color: rgba(0, 0, 0, 0.09);
6207
+ }
6208
+ .pandora-sdk-modal .ant-modal-body {
6209
+ max-height: 70vh;
6210
+ overflow-y: auto;
6211
+ background: #d9d9d9;
6212
+ padding: 0px 60px;
6213
+ padding-top: 24px;
6214
+ border-radius: 0 0 2px 2px;
6215
+ }
6216
+ .pandora-sdk-modal .ant-modal-footer {
6217
+ border: none;
6218
+ padding: 32px 24px 24px 24px;
6219
+ }
6220
+ .pandora-sdk-modal .ant-modal-footer .ant-btn {
6221
+ min-width: 60px;
6222
+ height: 32px;
6223
+ margin-left: 12px;
6224
+ font-size: 14px;
6225
+ color: rgba(0, 0, 0, 0.85);
6226
+ }
6227
+ .pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
6228
+ color: #d9d9d9;
6229
+ }
6230
+ .pandora-sdk-name-explain-icon {
6231
+ color: inherit;
6232
+ -webkit-transition: color 0.3s;
6233
+ transition: color 0.3s;
6234
+ }
6235
+ .pandora-sdk-name-explain-icon:hover,
6236
+ .pandora-sdk-name-explain-icon .ant-tooltip-open {
6237
+ color: #2c6dd2;
6238
+ }
6239
+ .ant-menu-item-danger.ant-menu-item {
6240
+ color: #ff4d4f;
6241
+ }
6242
+ .ant-menu-item-danger.ant-menu-item:hover,
6243
+ .ant-menu-item-danger.ant-menu-item-active {
6244
+ color: #ff4d4f;
6245
+ }
6246
+ .ant-menu-item-danger.ant-menu-item:active {
6247
+ background: #fff1f0;
6248
+ }
6249
+ .ant-menu-item-danger.ant-menu-item-selected {
6250
+ color: #ff4d4f;
6251
+ }
6252
+ .ant-menu-item-danger.ant-menu-item-selected > a,
6253
+ .ant-menu-item-danger.ant-menu-item-selected > a:hover {
6254
+ color: #ff4d4f;
6255
+ }
6256
+ .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
6257
+ background-color: #fff1f0;
6258
+ }
6259
+ .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
6260
+ border-right-color: #ff4d4f;
6261
+ }
6262
+ .ant-menu-dark .ant-menu-item-danger.ant-menu-item,
6263
+ .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
6264
+ .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
6265
+ color: #ff4d4f;
6266
+ }
6267
+ .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
6268
+ color: #fff;
6269
+ background-color: #ff4d4f;
6270
+ }
6271
+ .ant-menu {
6272
+ -webkit-box-sizing: border-box;
6273
+ box-sizing: border-box;
6274
+ margin: 0;
6275
+ padding: 0;
6276
+ font-variant: tabular-nums;
6277
+ line-height: 1.5715;
6278
+ -webkit-font-feature-settings: 'tnum';
6279
+ font-feature-settings: 'tnum';
6280
+ margin-bottom: 0;
6281
+ padding-left: 0;
6282
+ color: rgba(0, 0, 0, 0.85);
6283
+ font-size: 14px;
6284
+ line-height: 0;
6285
+ text-align: left;
6286
+ list-style: none;
6287
+ background: #fff;
6288
+ outline: none;
6289
+ -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
6290
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
6291
+ -webkit-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
6292
+ transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
6293
+ }
6294
+ .ant-menu::before {
6295
+ display: table;
6296
+ content: '';
6297
+ }
6298
+ .ant-menu::after {
6299
+ display: table;
6300
+ clear: both;
6301
+ content: '';
6302
+ }
6303
+ .ant-menu.ant-menu-root:focus-visible {
6304
+ -webkit-box-shadow: 0 0 0 2px #e6f7ff;
6305
+ box-shadow: 0 0 0 2px #e6f7ff;
6306
+ }
6307
+ .ant-menu ul,
6308
+ .ant-menu ol {
6024
6309
  margin: 0;
6025
6310
  padding: 0;
6026
6311
  list-style: none;
@@ -8900,814 +9185,280 @@ span.ant-radio + * {
8900
9185
  left: -9999px;
8901
9186
  z-index: 1050;
8902
9187
  -webkit-box-sizing: border-box;
8903
- box-sizing: border-box;
8904
- padding: 4px 0;
8905
- overflow: hidden;
8906
- font-size: 14px;
8907
- font-variant: initial;
8908
- background-color: #fff;
8909
- border-radius: 2px;
8910
- outline: none;
8911
- -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
8912
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
8913
- }
8914
- .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
8915
- .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
8916
- -webkit-animation-name: antSlideUpIn;
8917
- animation-name: antSlideUpIn;
8918
- }
8919
- .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
8920
- .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
8921
- -webkit-animation-name: antSlideDownIn;
8922
- animation-name: antSlideDownIn;
8923
- }
8924
- .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
8925
- -webkit-animation-name: antSlideUpOut;
8926
- animation-name: antSlideUpOut;
8927
- }
8928
- .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
8929
- -webkit-animation-name: antSlideDownOut;
8930
- animation-name: antSlideDownOut;
8931
- }
8932
- .ant-select-dropdown-hidden {
8933
- display: none;
8934
- }
8935
- .ant-select-dropdown-empty {
8936
- color: rgba(0, 0, 0, 0.25);
8937
- }
8938
- .ant-select-item-empty {
8939
- position: relative;
8940
- display: block;
8941
- min-height: 32px;
8942
- padding: 5px 12px;
8943
- color: rgba(0, 0, 0, 0.85);
8944
- font-weight: normal;
8945
- font-size: 14px;
8946
- line-height: 22px;
8947
- color: rgba(0, 0, 0, 0.25);
8948
- }
8949
- .ant-select-item {
8950
- position: relative;
8951
- display: block;
8952
- min-height: 32px;
8953
- padding: 5px 12px;
8954
- color: rgba(0, 0, 0, 0.85);
8955
- font-weight: normal;
8956
- font-size: 14px;
8957
- line-height: 22px;
8958
- cursor: pointer;
8959
- -webkit-transition: background 0.3s ease;
8960
- transition: background 0.3s ease;
8961
- }
8962
- .ant-select-item-group {
8963
- color: rgba(0, 0, 0, 0.45);
8964
- font-size: 12px;
8965
- cursor: default;
8966
- }
8967
- .ant-select-item-option {
8968
- display: -webkit-box;
8969
- display: -ms-flexbox;
8970
- display: flex;
8971
- }
8972
- .ant-select-item-option-content {
8973
- -webkit-box-flex: 1;
8974
- -ms-flex: auto;
8975
- flex: auto;
8976
- overflow: hidden;
8977
- white-space: nowrap;
8978
- text-overflow: ellipsis;
8979
- }
8980
- .ant-select-item-option-state {
8981
- -webkit-box-flex: 0;
8982
- -ms-flex: none;
8983
- flex: none;
8984
- }
8985
- .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
8986
- background-color: #f5f5f5;
8987
- }
8988
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
8989
- color: rgba(0, 0, 0, 0.85);
8990
- font-weight: 600;
8991
- background-color: #e6f7ff;
8992
- }
8993
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
8994
- color: #1890ff;
8995
- }
8996
- .ant-select-item-option-disabled {
8997
- color: rgba(0, 0, 0, 0.25);
8998
- cursor: not-allowed;
8999
- }
9000
- .ant-select-item-option-disabled.ant-select-item-option-selected {
9001
- background-color: #f5f5f5;
9002
- }
9003
- .ant-select-item-option-grouped {
9004
- padding-left: 24px;
9005
- }
9006
- .ant-select-lg {
9007
- font-size: 16px;
9008
- }
9009
- .ant-select-borderless .ant-select-selector {
9010
- background-color: transparent !important;
9011
- border-color: transparent !important;
9012
- -webkit-box-shadow: none !important;
9013
- box-shadow: none !important;
9014
- }
9015
- .ant-select-rtl {
9016
- direction: rtl;
9017
- }
9018
- .ant-select-rtl .ant-select-arrow {
9019
- right: initial;
9020
- left: 11px;
9021
- }
9022
- .ant-select-rtl .ant-select-clear {
9023
- right: initial;
9024
- left: 11px;
9025
- }
9026
- .ant-select-dropdown-rtl {
9027
- direction: rtl;
9028
- }
9029
- .ant-select-dropdown-rtl .ant-select-item-option-grouped {
9030
- padding-right: 24px;
9031
- padding-left: 12px;
9032
- }
9033
- .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
9034
- .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
9035
- padding-right: 4px;
9036
- padding-left: 24px;
9037
- }
9038
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
9039
- text-align: right;
9040
- }
9041
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
9042
- margin-right: 0;
9043
- margin-left: 4px;
9044
- text-align: right;
9045
- }
9046
- .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
9047
- right: 0;
9048
- left: auto;
9049
- }
9050
- .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
9051
- right: 11px;
9052
- left: auto;
9053
- }
9054
- .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
9055
- right: 7px;
9056
- }
9057
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
9058
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
9059
- right: 0;
9060
- left: 9px;
9061
- text-align: right;
9062
- }
9063
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
9064
- right: 11px;
9065
- left: 25px;
9066
- }
9067
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
9068
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
9069
- padding-right: 0;
9070
- padding-left: 18px;
9071
- }
9072
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
9073
- right: 6px;
9074
- }
9075
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
9076
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
9077
- padding-right: 0;
9078
- padding-left: 21px;
9079
- }
9080
- .pandora-sdk-selector {
9081
- width: 100%;
9082
- color: #333;
9083
- }
9084
- .pandora-sdk-selector .ant-select-selection {
9085
- background: #fff;
9086
- }
9087
- .pandora-sdk-selector .ant-select-selection:hover .ant-select-selection__clear + .ant-select-arrow {
9088
- opacity: 0;
9089
- }
9090
- .pandora-sdk-selector.ant-select-multiple .ant-select-selection-item {
9091
- color: #666;
9092
- background: #f5f5f5;
9093
- border: none;
9094
- }
9095
- .pandora-sdk-selector .ant-select-selection-item-remove {
9096
- color: #d9d9d9;
9097
- }
9098
- .pandora-sdk-selector .ant-select-selection--single {
9099
- height: 32px;
9100
- }
9101
- .pandora-sdk-selector .ant-select-selection__rendered {
9102
- line-height: 30px;
9103
- }
9104
- .pandora-sdk-selector .ant-select-selection__clear {
9105
- background: #fff;
9106
- color: #666;
9107
- }
9108
- .pandora-sdk-selector .ant-select-selection__clear i {
9109
- color: inherit;
9110
- }
9111
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu {
9112
- margin: 0;
9113
- }
9114
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar {
9115
- -webkit-appearance: none;
9116
- }
9117
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:vertical {
9118
- width: 6px;
9119
- }
9120
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:horizontal {
9121
- height: 6px;
9122
- }
9123
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb {
9124
- border-radius: 100px;
9125
- background-color: rgba(35, 44, 59, 0.3);
9126
- }
9127
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover {
9128
- background: rgba(35, 44, 59, 0.6);
9129
- }
9130
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-track {
9131
- background-color: transparent;
9132
- border-radius: 100px;
9133
- }
9134
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
9135
- background: transparent;
9136
- }
9137
- .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
9138
- color: #d9d9d9;
9139
- }
9140
- .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
9141
- color: #2c6dd2;
9142
- font-weight: 400;
9143
- }
9144
- .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
9145
- color: #2c6dd2;
9146
- }
9147
- .pandora-sdk-selector-dropdown .ant-select-item-group {
9148
- color: #d9d9d9;
9149
- }
9150
- .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
9151
- display: inline-block;
9152
- min-width: 100%;
9153
- }
9154
- .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu-item {
9155
- overflow: unset;
9156
- text-overflow: unset;
9157
- }
9158
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
9159
- color: #2c6dd2;
9160
- cursor: default;
9161
- }
9162
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
9163
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::after {
9164
- content: none;
9165
- }
9166
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
9167
- color: #2c6dd2;
9168
- }
9169
- .pandora-sdk-selector-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state .anticon-check.anticon {
9170
- color: #2c6dd2;
9171
- }
9172
- .pandora-sdk-selector-create-lint {
9173
- display: block;
9174
- }
9175
- .pandora-sdk-close-icon {
9176
- color: #d9d9d9;
9177
- }
9178
- .ant-modal {
9179
- -webkit-box-sizing: border-box;
9180
- box-sizing: border-box;
9181
- margin: 0;
9182
- padding: 0;
9183
- color: rgba(0, 0, 0, 0.85);
9184
- font-size: 14px;
9185
- font-variant: tabular-nums;
9186
- line-height: 1.5715;
9187
- list-style: none;
9188
- -webkit-font-feature-settings: 'tnum';
9189
- font-feature-settings: 'tnum';
9190
- pointer-events: none;
9191
- position: relative;
9192
- top: 100px;
9193
- width: auto;
9194
- max-width: calc(100vw - 32px);
9195
- margin: 0 auto;
9196
- padding-bottom: 24px;
9197
- }
9198
- .ant-modal.ant-zoom-enter,
9199
- .ant-modal.antzoom-appear {
9200
- -webkit-transform: none;
9201
- transform: none;
9202
- opacity: 0;
9203
- -webkit-animation-duration: 0.3s;
9204
- animation-duration: 0.3s;
9205
- -webkit-user-select: none;
9206
- -moz-user-select: none;
9207
- -ms-user-select: none;
9208
- user-select: none;
9209
- }
9210
- .ant-modal-mask {
9211
- position: fixed;
9212
- top: 0;
9213
- right: 0;
9214
- bottom: 0;
9215
- left: 0;
9216
- z-index: 1000;
9217
- height: 100%;
9218
- background-color: rgba(0, 0, 0, 0.45);
9219
- }
9220
- .ant-modal-mask-hidden {
9221
- display: none;
9222
- }
9223
- .ant-modal-wrap {
9224
- position: fixed;
9225
- top: 0;
9226
- right: 0;
9227
- bottom: 0;
9228
- left: 0;
9229
- overflow: auto;
9230
- outline: 0;
9231
- -webkit-overflow-scrolling: touch;
9232
- }
9233
- .ant-modal-wrap {
9234
- z-index: 1000;
9235
- }
9236
- .ant-modal-title {
9237
- margin: 0;
9238
- color: rgba(0, 0, 0, 0.85);
9239
- font-weight: 500;
9240
- font-size: 16px;
9241
- line-height: 22px;
9242
- word-wrap: break-word;
9243
- }
9244
- .ant-modal-content {
9245
- position: relative;
9246
- background-color: #fff;
9247
- background-clip: padding-box;
9248
- border: 0;
9249
- border-radius: 2px;
9250
- -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
9251
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
9252
- pointer-events: auto;
9253
- }
9254
- .ant-modal-close {
9255
- position: absolute;
9256
- top: 0;
9257
- right: 0;
9258
- z-index: 10;
9259
- padding: 0;
9260
- color: rgba(0, 0, 0, 0.45);
9261
- font-weight: 700;
9262
- line-height: 1;
9263
- text-decoration: none;
9264
- background: transparent;
9265
- border: 0;
9266
- outline: 0;
9267
- cursor: pointer;
9268
- -webkit-transition: color 0.3s;
9269
- transition: color 0.3s;
9270
- }
9271
- .ant-modal-close-x {
9272
- display: block;
9273
- width: 56px;
9274
- height: 56px;
9275
- font-size: 16px;
9276
- font-style: normal;
9277
- line-height: 56px;
9278
- text-align: center;
9279
- text-transform: none;
9280
- text-rendering: auto;
9281
- }
9282
- .ant-modal-close:focus,
9283
- .ant-modal-close:hover {
9284
- color: rgba(0, 0, 0, 0.75);
9285
- text-decoration: none;
9286
- }
9287
- .ant-modal-header {
9288
- padding: 16px 24px;
9289
- color: rgba(0, 0, 0, 0.85);
9290
- background: #fff;
9291
- border-bottom: 1px solid #f0f0f0;
9292
- border-radius: 2px 2px 0 0;
9293
- }
9294
- .ant-modal-body {
9295
- padding: 24px;
9296
- font-size: 14px;
9297
- line-height: 1.5715;
9298
- word-wrap: break-word;
9299
- }
9300
- .ant-modal-footer {
9301
- padding: 10px 16px;
9302
- text-align: right;
9303
- background: transparent;
9304
- border-top: 1px solid #f0f0f0;
9305
- border-radius: 0 0 2px 2px;
9306
- }
9307
- .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
9308
- margin-bottom: 0;
9309
- margin-left: 8px;
9310
- }
9311
- .ant-modal-open {
9188
+ box-sizing: border-box;
9189
+ padding: 4px 0;
9312
9190
  overflow: hidden;
9191
+ font-size: 14px;
9192
+ font-variant: initial;
9193
+ background-color: #fff;
9194
+ border-radius: 2px;
9195
+ outline: none;
9196
+ -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
9197
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
9313
9198
  }
9314
- .ant-modal-centered {
9315
- text-align: center;
9199
+ .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
9200
+ .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
9201
+ -webkit-animation-name: antSlideUpIn;
9202
+ animation-name: antSlideUpIn;
9316
9203
  }
9317
- .ant-modal-centered::before {
9318
- display: inline-block;
9319
- width: 0;
9320
- height: 100%;
9321
- vertical-align: middle;
9322
- content: '';
9204
+ .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
9205
+ .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
9206
+ -webkit-animation-name: antSlideDownIn;
9207
+ animation-name: antSlideDownIn;
9323
9208
  }
9324
- .ant-modal-centered .ant-modal {
9325
- top: 0;
9326
- display: inline-block;
9327
- text-align: left;
9328
- vertical-align: middle;
9209
+ .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
9210
+ -webkit-animation-name: antSlideUpOut;
9211
+ animation-name: antSlideUpOut;
9329
9212
  }
9330
- @media (max-width: 767px) {
9331
- .ant-modal {
9332
- max-width: calc(100vw - 16px);
9333
- margin: 8px auto;
9334
- }
9335
- .ant-modal-centered .ant-modal {
9336
- -webkit-box-flex: 1;
9337
- -ms-flex: 1;
9338
- flex: 1;
9339
- }
9213
+ .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
9214
+ -webkit-animation-name: antSlideDownOut;
9215
+ animation-name: antSlideDownOut;
9340
9216
  }
9341
- .ant-modal-confirm .ant-modal-header {
9217
+ .ant-select-dropdown-hidden {
9342
9218
  display: none;
9343
9219
  }
9344
- .ant-modal-confirm .ant-modal-body {
9345
- padding: 32px 32px 24px;
9346
- }
9347
- .ant-modal-confirm-body-wrapper::before {
9348
- display: table;
9349
- content: '';
9350
- }
9351
- .ant-modal-confirm-body-wrapper::after {
9352
- display: table;
9353
- clear: both;
9354
- content: '';
9220
+ .ant-select-dropdown-empty {
9221
+ color: rgba(0, 0, 0, 0.25);
9355
9222
  }
9356
- .ant-modal-confirm-body .ant-modal-confirm-title {
9223
+ .ant-select-item-empty {
9224
+ position: relative;
9357
9225
  display: block;
9358
- overflow: hidden;
9226
+ min-height: 32px;
9227
+ padding: 5px 12px;
9359
9228
  color: rgba(0, 0, 0, 0.85);
9360
- font-weight: 500;
9361
- font-size: 16px;
9362
- line-height: 1.4;
9229
+ font-weight: normal;
9230
+ font-size: 14px;
9231
+ line-height: 22px;
9232
+ color: rgba(0, 0, 0, 0.25);
9363
9233
  }
9364
- .ant-modal-confirm-body .ant-modal-confirm-content {
9365
- margin-top: 8px;
9234
+ .ant-select-item {
9235
+ position: relative;
9236
+ display: block;
9237
+ min-height: 32px;
9238
+ padding: 5px 12px;
9366
9239
  color: rgba(0, 0, 0, 0.85);
9240
+ font-weight: normal;
9367
9241
  font-size: 14px;
9242
+ line-height: 22px;
9243
+ cursor: pointer;
9244
+ -webkit-transition: background 0.3s ease;
9245
+ transition: background 0.3s ease;
9368
9246
  }
9369
- .ant-modal-confirm-body > .anticon {
9370
- float: left;
9371
- margin-right: 16px;
9372
- font-size: 22px;
9247
+ .ant-select-item-group {
9248
+ color: rgba(0, 0, 0, 0.45);
9249
+ font-size: 12px;
9250
+ cursor: default;
9373
9251
  }
9374
- .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
9375
- margin-left: 38px;
9252
+ .ant-select-item-option {
9253
+ display: -webkit-box;
9254
+ display: -ms-flexbox;
9255
+ display: flex;
9376
9256
  }
9377
- .ant-modal-confirm .ant-modal-confirm-btns {
9378
- float: right;
9379
- margin-top: 24px;
9257
+ .ant-select-item-option-content {
9258
+ -webkit-box-flex: 1;
9259
+ -ms-flex: auto;
9260
+ flex: auto;
9261
+ overflow: hidden;
9262
+ white-space: nowrap;
9263
+ text-overflow: ellipsis;
9380
9264
  }
9381
- .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
9382
- margin-bottom: 0;
9383
- margin-left: 8px;
9265
+ .ant-select-item-option-state {
9266
+ -webkit-box-flex: 0;
9267
+ -ms-flex: none;
9268
+ flex: none;
9384
9269
  }
9385
- .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
9386
- color: #ff4d4f;
9270
+ .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
9271
+ background-color: #f5f5f5;
9387
9272
  }
9388
- .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
9389
- .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
9390
- color: #faad14;
9273
+ .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
9274
+ color: rgba(0, 0, 0, 0.85);
9275
+ font-weight: 600;
9276
+ background-color: #e6f7ff;
9391
9277
  }
9392
- .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
9278
+ .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
9393
9279
  color: #1890ff;
9394
9280
  }
9395
- .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
9396
- color: #52c41a;
9281
+ .ant-select-item-option-disabled {
9282
+ color: rgba(0, 0, 0, 0.25);
9283
+ cursor: not-allowed;
9397
9284
  }
9398
- .ant-modal-wrap-rtl {
9399
- direction: rtl;
9285
+ .ant-select-item-option-disabled.ant-select-item-option-selected {
9286
+ background-color: #f5f5f5;
9400
9287
  }
9401
- .ant-modal-wrap-rtl .ant-modal-close {
9402
- right: initial;
9403
- left: 0;
9288
+ .ant-select-item-option-grouped {
9289
+ padding-left: 24px;
9404
9290
  }
9405
- .ant-modal-wrap-rtl .ant-modal-footer {
9406
- text-align: left;
9291
+ .ant-select-lg {
9292
+ font-size: 16px;
9407
9293
  }
9408
- .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
9409
- margin-right: 8px;
9410
- margin-left: 0;
9294
+ .ant-select-borderless .ant-select-selector {
9295
+ background-color: transparent !important;
9296
+ border-color: transparent !important;
9297
+ -webkit-box-shadow: none !important;
9298
+ box-shadow: none !important;
9411
9299
  }
9412
- .ant-modal-wrap-rtl .ant-modal-confirm-body {
9300
+ .ant-select-rtl {
9413
9301
  direction: rtl;
9414
9302
  }
9415
- .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
9416
- float: right;
9417
- margin-right: 0;
9418
- margin-left: 16px;
9419
- }
9420
- .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
9421
- margin-right: 38px;
9422
- margin-left: 0;
9423
- }
9424
- .ant-modal-wrap-rtl .ant-modal-confirm-btns {
9425
- float: left;
9426
- }
9427
- .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
9428
- margin-right: 8px;
9429
- margin-left: 0;
9430
- }
9431
- .ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
9432
- text-align: right;
9433
- }
9434
- .pandora-sdk-modal .ant-modal-header {
9435
- border-color: rgba(0, 0, 0, 0.09);
9436
- }
9437
- .pandora-sdk-modal .ant-modal-body {
9438
- max-height: 70vh;
9439
- overflow-y: auto;
9440
- background: #d9d9d9;
9441
- padding: 0px 60px;
9442
- padding-top: 24px;
9443
- border-radius: 0 0 2px 2px;
9444
- }
9445
- .pandora-sdk-modal .ant-modal-footer {
9446
- border: none;
9447
- padding: 32px 24px 24px 24px;
9448
- }
9449
- .pandora-sdk-modal .ant-modal-footer .ant-btn {
9450
- min-width: 60px;
9451
- height: 32px;
9452
- margin-left: 12px;
9453
- font-size: 14px;
9454
- color: rgba(0, 0, 0, 0.85);
9455
- }
9456
- .pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
9457
- color: #d9d9d9;
9458
- }
9459
- .ant-spin {
9460
- -webkit-box-sizing: border-box;
9461
- box-sizing: border-box;
9462
- margin: 0;
9463
- padding: 0;
9464
- color: rgba(0, 0, 0, 0.85);
9465
- font-size: 14px;
9466
- font-variant: tabular-nums;
9467
- line-height: 1.5715;
9468
- list-style: none;
9469
- -webkit-font-feature-settings: 'tnum';
9470
- font-feature-settings: 'tnum';
9471
- position: absolute;
9472
- display: none;
9473
- color: #1890ff;
9474
- text-align: center;
9475
- vertical-align: middle;
9476
- opacity: 0;
9477
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
9478
- transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
9479
- transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
9480
- 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);
9303
+ .ant-select-rtl .ant-select-arrow {
9304
+ right: initial;
9305
+ left: 11px;
9481
9306
  }
9482
- .ant-spin-spinning {
9483
- position: static;
9484
- display: inline-block;
9485
- opacity: 1;
9307
+ .ant-select-rtl .ant-select-clear {
9308
+ right: initial;
9309
+ left: 11px;
9486
9310
  }
9487
- .ant-spin-nested-loading {
9488
- position: relative;
9311
+ .ant-select-dropdown-rtl {
9312
+ direction: rtl;
9489
9313
  }
9490
- .ant-spin-nested-loading > div > .ant-spin {
9491
- position: absolute;
9492
- top: 0;
9493
- left: 0;
9494
- z-index: 4;
9495
- display: block;
9496
- width: 100%;
9497
- height: 100%;
9498
- max-height: 400px;
9314
+ .ant-select-dropdown-rtl .ant-select-item-option-grouped {
9315
+ padding-right: 24px;
9316
+ padding-left: 12px;
9499
9317
  }
9500
- .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
9501
- position: absolute;
9502
- top: 50%;
9503
- left: 50%;
9504
- margin: -10px;
9318
+ .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
9319
+ .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
9320
+ padding-right: 4px;
9321
+ padding-left: 24px;
9505
9322
  }
9506
- .ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
9507
- position: absolute;
9508
- top: 50%;
9509
- width: 100%;
9510
- padding-top: 5px;
9511
- text-shadow: 0 1px 2px #fff;
9323
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
9324
+ text-align: right;
9512
9325
  }
9513
- .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
9514
- margin-top: -20px;
9326
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
9327
+ margin-right: 0;
9328
+ margin-left: 4px;
9329
+ text-align: right;
9515
9330
  }
9516
- .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
9517
- margin: -7px;
9331
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
9332
+ right: 0;
9333
+ left: auto;
9518
9334
  }
9519
- .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
9520
- padding-top: 2px;
9335
+ .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
9336
+ right: 11px;
9337
+ left: auto;
9521
9338
  }
9522
- .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
9523
- margin-top: -17px;
9339
+ .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
9340
+ right: 7px;
9524
9341
  }
9525
- .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
9526
- margin: -16px;
9342
+ .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
9343
+ .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
9344
+ right: 0;
9345
+ left: 9px;
9346
+ text-align: right;
9527
9347
  }
9528
- .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
9529
- padding-top: 11px;
9348
+ .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
9349
+ right: 11px;
9350
+ left: 25px;
9530
9351
  }
9531
- .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
9532
- margin-top: -26px;
9352
+ .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
9353
+ .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
9354
+ padding-right: 0;
9355
+ padding-left: 18px;
9533
9356
  }
9534
- .ant-spin-container {
9535
- position: relative;
9536
- -webkit-transition: opacity 0.3s;
9537
- transition: opacity 0.3s;
9357
+ .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
9358
+ right: 6px;
9538
9359
  }
9539
- .ant-spin-container::after {
9540
- position: absolute;
9541
- top: 0;
9542
- right: 0;
9543
- bottom: 0;
9544
- left: 0;
9545
- z-index: 10;
9546
- display: none \9;
9547
- width: 100%;
9548
- height: 100%;
9549
- background: #fff;
9550
- opacity: 0;
9551
- -webkit-transition: all 0.3s;
9552
- transition: all 0.3s;
9553
- content: '';
9554
- pointer-events: none;
9360
+ .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
9361
+ .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
9362
+ padding-right: 0;
9363
+ padding-left: 21px;
9555
9364
  }
9556
- .ant-spin-blur {
9557
- clear: both;
9558
- opacity: 0.5;
9559
- -webkit-user-select: none;
9560
- -moz-user-select: none;
9561
- -ms-user-select: none;
9562
- user-select: none;
9563
- pointer-events: none;
9365
+ .pandora-sdk-selector {
9366
+ width: 100%;
9367
+ color: #333;
9564
9368
  }
9565
- .ant-spin-blur::after {
9566
- opacity: 0.4;
9567
- pointer-events: auto;
9369
+ .pandora-sdk-selector .ant-select-selection {
9370
+ background: #fff;
9568
9371
  }
9569
- .ant-spin-tip {
9570
- color: rgba(0, 0, 0, 0.45);
9372
+ .pandora-sdk-selector .ant-select-selection:hover .ant-select-selection__clear + .ant-select-arrow {
9373
+ opacity: 0;
9571
9374
  }
9572
- .ant-spin-dot {
9573
- position: relative;
9574
- display: inline-block;
9575
- font-size: 20px;
9576
- width: 1em;
9577
- height: 1em;
9375
+ .pandora-sdk-selector.ant-select-multiple .ant-select-selection-item {
9376
+ color: #666;
9377
+ background: #f5f5f5;
9378
+ border: none;
9578
9379
  }
9579
- .ant-spin-dot-item {
9580
- position: absolute;
9581
- display: block;
9582
- width: 9px;
9583
- height: 9px;
9584
- background-color: #1890ff;
9585
- border-radius: 100%;
9586
- -webkit-transform: scale(0.75);
9587
- transform: scale(0.75);
9588
- -webkit-transform-origin: 50% 50%;
9589
- transform-origin: 50% 50%;
9590
- opacity: 0.3;
9591
- -webkit-animation: antSpinMove 1s infinite linear alternate;
9592
- animation: antSpinMove 1s infinite linear alternate;
9380
+ .pandora-sdk-selector .ant-select-selection-item-remove {
9381
+ color: #d9d9d9;
9593
9382
  }
9594
- .ant-spin-dot-item:nth-child(1) {
9595
- top: 0;
9596
- left: 0;
9383
+ .pandora-sdk-selector .ant-select-selection--single {
9384
+ height: 32px;
9597
9385
  }
9598
- .ant-spin-dot-item:nth-child(2) {
9599
- top: 0;
9600
- right: 0;
9601
- -webkit-animation-delay: 0.4s;
9602
- animation-delay: 0.4s;
9386
+ .pandora-sdk-selector .ant-select-selection__rendered {
9387
+ line-height: 30px;
9603
9388
  }
9604
- .ant-spin-dot-item:nth-child(3) {
9605
- right: 0;
9606
- bottom: 0;
9607
- -webkit-animation-delay: 0.8s;
9608
- animation-delay: 0.8s;
9389
+ .pandora-sdk-selector .ant-select-selection__clear {
9390
+ background: #fff;
9391
+ color: #666;
9609
9392
  }
9610
- .ant-spin-dot-item:nth-child(4) {
9611
- bottom: 0;
9612
- left: 0;
9613
- -webkit-animation-delay: 1.2s;
9614
- animation-delay: 1.2s;
9393
+ .pandora-sdk-selector .ant-select-selection__clear i {
9394
+ color: inherit;
9615
9395
  }
9616
- .ant-spin-dot-spin {
9617
- -webkit-transform: rotate(45deg);
9618
- transform: rotate(45deg);
9619
- -webkit-animation: antRotate 1.2s infinite linear;
9620
- animation: antRotate 1.2s infinite linear;
9396
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu {
9397
+ margin: 0;
9621
9398
  }
9622
- .ant-spin-sm .ant-spin-dot {
9623
- font-size: 14px;
9399
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar {
9400
+ -webkit-appearance: none;
9624
9401
  }
9625
- .ant-spin-sm .ant-spin-dot i {
9402
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:vertical {
9626
9403
  width: 6px;
9627
- height: 6px;
9628
9404
  }
9629
- .ant-spin-lg .ant-spin-dot {
9630
- font-size: 32px;
9405
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar:horizontal {
9406
+ height: 6px;
9631
9407
  }
9632
- .ant-spin-lg .ant-spin-dot i {
9633
- width: 14px;
9634
- height: 14px;
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);
9635
9411
  }
9636
- .ant-spin.ant-spin-show-text .ant-spin-text {
9637
- display: block;
9412
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover {
9413
+ background: rgba(35, 44, 59, 0.6);
9638
9414
  }
9639
- @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
9640
- /* IE10+ */
9641
- .ant-spin-blur {
9642
- background: #fff;
9643
- opacity: 0.5;
9644
- }
9415
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-track {
9416
+ background-color: transparent;
9417
+ border-radius: 100px;
9645
9418
  }
9646
- @-webkit-keyframes antSpinMove {
9647
- to {
9648
- opacity: 1;
9649
- }
9419
+ .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
9420
+ background: transparent;
9650
9421
  }
9651
- @keyframes antSpinMove {
9652
- to {
9653
- opacity: 1;
9654
- }
9422
+ .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
9423
+ color: #d9d9d9;
9655
9424
  }
9656
- @-webkit-keyframes antRotate {
9657
- to {
9658
- -webkit-transform: rotate(405deg);
9659
- transform: rotate(405deg);
9660
- }
9425
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
9426
+ color: #2c6dd2;
9427
+ font-weight: 400;
9661
9428
  }
9662
- @keyframes antRotate {
9663
- to {
9664
- -webkit-transform: rotate(405deg);
9665
- transform: rotate(405deg);
9666
- }
9429
+ .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
9430
+ color: #2c6dd2;
9667
9431
  }
9668
- .ant-spin-rtl {
9669
- direction: rtl;
9432
+ .pandora-sdk-selector-dropdown .ant-select-item-group {
9433
+ color: #d9d9d9;
9670
9434
  }
9671
- .ant-spin-rtl .ant-spin-dot-spin {
9672
- -webkit-transform: rotate(-45deg);
9673
- transform: rotate(-45deg);
9674
- -webkit-animation-name: antRotateRtl;
9675
- animation-name: antRotateRtl;
9435
+ .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
9436
+ display: inline-block;
9437
+ min-width: 100%;
9676
9438
  }
9677
- @-webkit-keyframes antRotateRtl {
9678
- to {
9679
- -webkit-transform: rotate(-405deg);
9680
- transform: rotate(-405deg);
9681
- }
9439
+ .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu-item {
9440
+ overflow: unset;
9441
+ text-overflow: unset;
9682
9442
  }
9683
- @keyframes antRotateRtl {
9684
- to {
9685
- -webkit-transform: rotate(-405deg);
9686
- transform: rotate(-405deg);
9687
- }
9443
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
9444
+ color: #2c6dd2;
9445
+ cursor: default;
9688
9446
  }
9689
- .pandora-sdk-spin-container {
9690
- position: relative;
9691
- width: 100%;
9692
- height: 100%;
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;
9693
9450
  }
9694
- .pandora-sdk-spin-container .pandora-sdk-spin-loading {
9695
- position: absolute;
9696
- width: 60px;
9697
- height: 60px;
9698
- top: 50%;
9699
- left: 50%;
9700
- -webkit-transform: translate(-50%, -50%);
9701
- transform: translate(-50%, -50%);
9451
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
9452
+ color: #2c6dd2;
9702
9453
  }
9703
- .pandora-sdk-spin-container .ant-spin-container {
9704
- height: 100%;
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;
9705
9456
  }
9706
- .pandora-sdk-spin-container .ant-spin-container > div {
9707
- height: 100%;
9457
+ .pandora-sdk-selector-create-lint {
9458
+ display: block;
9708
9459
  }
9709
- .pandora-sdk-spin-hide {
9710
- visibility: hidden;
9460
+ .pandora-sdk-close-icon {
9461
+ color: #d9d9d9;
9711
9462
  }
9712
9463
  .ant-steps {
9713
9464
  -webkit-box-sizing: border-box;
@@ -10478,25 +10229,278 @@ span.ant-radio + * {
10478
10229
  .pandora-sdk-steps .ant-steps-item:last-of-type .ant-steps-item-title::after {
10479
10230
  display: none;
10480
10231
  }
10481
- .pandora-sdk-steps .ant-steps-item-process .ant-steps-item-title {
10482
- font-weight: 400;
10232
+ .pandora-sdk-steps .ant-steps-item-process .ant-steps-item-title {
10233
+ font-weight: 400;
10234
+ }
10235
+ .pandora-sdk-steps .ant-steps-item .ant-steps-item-icon {
10236
+ border-radius: 2px;
10237
+ background: #2c6dd2;
10238
+ border: none;
10239
+ }
10240
+ .pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
10241
+ color: #d9d9d9;
10242
+ }
10243
+ .pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon span.anticon.anticon-check.ant-steps-finish-icon {
10244
+ color: #d9d9d9;
10245
+ }
10246
+ .pandora-sdk-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon {
10247
+ background: #eee;
10248
+ }
10249
+ .pandora-sdk-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon {
10250
+ color: inherit;
10251
+ }
10252
+ .ant-spin {
10253
+ -webkit-box-sizing: border-box;
10254
+ box-sizing: border-box;
10255
+ margin: 0;
10256
+ padding: 0;
10257
+ color: rgba(0, 0, 0, 0.85);
10258
+ font-size: 14px;
10259
+ font-variant: tabular-nums;
10260
+ line-height: 1.5715;
10261
+ list-style: none;
10262
+ -webkit-font-feature-settings: 'tnum';
10263
+ font-feature-settings: 'tnum';
10264
+ position: absolute;
10265
+ display: none;
10266
+ color: #1890ff;
10267
+ text-align: center;
10268
+ vertical-align: middle;
10269
+ opacity: 0;
10270
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
10271
+ transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
10272
+ transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
10273
+ 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);
10274
+ }
10275
+ .ant-spin-spinning {
10276
+ position: static;
10277
+ display: inline-block;
10278
+ opacity: 1;
10279
+ }
10280
+ .ant-spin-nested-loading {
10281
+ position: relative;
10282
+ }
10283
+ .ant-spin-nested-loading > div > .ant-spin {
10284
+ position: absolute;
10285
+ top: 0;
10286
+ left: 0;
10287
+ z-index: 4;
10288
+ display: block;
10289
+ width: 100%;
10290
+ height: 100%;
10291
+ max-height: 400px;
10292
+ }
10293
+ .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
10294
+ position: absolute;
10295
+ top: 50%;
10296
+ left: 50%;
10297
+ margin: -10px;
10298
+ }
10299
+ .ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
10300
+ position: absolute;
10301
+ top: 50%;
10302
+ width: 100%;
10303
+ padding-top: 5px;
10304
+ text-shadow: 0 1px 2px #fff;
10305
+ }
10306
+ .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
10307
+ margin-top: -20px;
10308
+ }
10309
+ .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
10310
+ margin: -7px;
10311
+ }
10312
+ .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
10313
+ padding-top: 2px;
10314
+ }
10315
+ .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
10316
+ margin-top: -17px;
10317
+ }
10318
+ .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
10319
+ margin: -16px;
10320
+ }
10321
+ .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
10322
+ padding-top: 11px;
10323
+ }
10324
+ .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
10325
+ margin-top: -26px;
10326
+ }
10327
+ .ant-spin-container {
10328
+ position: relative;
10329
+ -webkit-transition: opacity 0.3s;
10330
+ transition: opacity 0.3s;
10331
+ }
10332
+ .ant-spin-container::after {
10333
+ position: absolute;
10334
+ top: 0;
10335
+ right: 0;
10336
+ bottom: 0;
10337
+ left: 0;
10338
+ z-index: 10;
10339
+ display: none \9;
10340
+ width: 100%;
10341
+ height: 100%;
10342
+ background: #fff;
10343
+ opacity: 0;
10344
+ -webkit-transition: all 0.3s;
10345
+ transition: all 0.3s;
10346
+ content: '';
10347
+ pointer-events: none;
10348
+ }
10349
+ .ant-spin-blur {
10350
+ clear: both;
10351
+ opacity: 0.5;
10352
+ -webkit-user-select: none;
10353
+ -moz-user-select: none;
10354
+ -ms-user-select: none;
10355
+ user-select: none;
10356
+ pointer-events: none;
10357
+ }
10358
+ .ant-spin-blur::after {
10359
+ opacity: 0.4;
10360
+ pointer-events: auto;
10361
+ }
10362
+ .ant-spin-tip {
10363
+ color: rgba(0, 0, 0, 0.45);
10364
+ }
10365
+ .ant-spin-dot {
10366
+ position: relative;
10367
+ display: inline-block;
10368
+ font-size: 20px;
10369
+ width: 1em;
10370
+ height: 1em;
10371
+ }
10372
+ .ant-spin-dot-item {
10373
+ position: absolute;
10374
+ display: block;
10375
+ width: 9px;
10376
+ height: 9px;
10377
+ background-color: #1890ff;
10378
+ border-radius: 100%;
10379
+ -webkit-transform: scale(0.75);
10380
+ transform: scale(0.75);
10381
+ -webkit-transform-origin: 50% 50%;
10382
+ transform-origin: 50% 50%;
10383
+ opacity: 0.3;
10384
+ -webkit-animation: antSpinMove 1s infinite linear alternate;
10385
+ animation: antSpinMove 1s infinite linear alternate;
10386
+ }
10387
+ .ant-spin-dot-item:nth-child(1) {
10388
+ top: 0;
10389
+ left: 0;
10390
+ }
10391
+ .ant-spin-dot-item:nth-child(2) {
10392
+ top: 0;
10393
+ right: 0;
10394
+ -webkit-animation-delay: 0.4s;
10395
+ animation-delay: 0.4s;
10396
+ }
10397
+ .ant-spin-dot-item:nth-child(3) {
10398
+ right: 0;
10399
+ bottom: 0;
10400
+ -webkit-animation-delay: 0.8s;
10401
+ animation-delay: 0.8s;
10402
+ }
10403
+ .ant-spin-dot-item:nth-child(4) {
10404
+ bottom: 0;
10405
+ left: 0;
10406
+ -webkit-animation-delay: 1.2s;
10407
+ animation-delay: 1.2s;
10408
+ }
10409
+ .ant-spin-dot-spin {
10410
+ -webkit-transform: rotate(45deg);
10411
+ transform: rotate(45deg);
10412
+ -webkit-animation: antRotate 1.2s infinite linear;
10413
+ animation: antRotate 1.2s infinite linear;
10414
+ }
10415
+ .ant-spin-sm .ant-spin-dot {
10416
+ font-size: 14px;
10417
+ }
10418
+ .ant-spin-sm .ant-spin-dot i {
10419
+ width: 6px;
10420
+ height: 6px;
10421
+ }
10422
+ .ant-spin-lg .ant-spin-dot {
10423
+ font-size: 32px;
10424
+ }
10425
+ .ant-spin-lg .ant-spin-dot i {
10426
+ width: 14px;
10427
+ height: 14px;
10428
+ }
10429
+ .ant-spin.ant-spin-show-text .ant-spin-text {
10430
+ display: block;
10431
+ }
10432
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
10433
+ /* IE10+ */
10434
+ .ant-spin-blur {
10435
+ background: #fff;
10436
+ opacity: 0.5;
10437
+ }
10438
+ }
10439
+ @-webkit-keyframes antSpinMove {
10440
+ to {
10441
+ opacity: 1;
10442
+ }
10443
+ }
10444
+ @keyframes antSpinMove {
10445
+ to {
10446
+ opacity: 1;
10447
+ }
10448
+ }
10449
+ @-webkit-keyframes antRotate {
10450
+ to {
10451
+ -webkit-transform: rotate(405deg);
10452
+ transform: rotate(405deg);
10453
+ }
10454
+ }
10455
+ @keyframes antRotate {
10456
+ to {
10457
+ -webkit-transform: rotate(405deg);
10458
+ transform: rotate(405deg);
10459
+ }
10460
+ }
10461
+ .ant-spin-rtl {
10462
+ direction: rtl;
10463
+ }
10464
+ .ant-spin-rtl .ant-spin-dot-spin {
10465
+ -webkit-transform: rotate(-45deg);
10466
+ transform: rotate(-45deg);
10467
+ -webkit-animation-name: antRotateRtl;
10468
+ animation-name: antRotateRtl;
10469
+ }
10470
+ @-webkit-keyframes antRotateRtl {
10471
+ to {
10472
+ -webkit-transform: rotate(-405deg);
10473
+ transform: rotate(-405deg);
10474
+ }
10475
+ }
10476
+ @keyframes antRotateRtl {
10477
+ to {
10478
+ -webkit-transform: rotate(-405deg);
10479
+ transform: rotate(-405deg);
10480
+ }
10483
10481
  }
10484
- .pandora-sdk-steps .ant-steps-item .ant-steps-item-icon {
10485
- border-radius: 2px;
10486
- background: #2c6dd2;
10487
- border: none;
10482
+ .pandora-sdk-spin-container {
10483
+ position: relative;
10484
+ width: 100%;
10485
+ height: 100%;
10488
10486
  }
10489
- .pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
10490
- color: #d9d9d9;
10487
+ .pandora-sdk-spin-container .pandora-sdk-spin-loading {
10488
+ position: absolute;
10489
+ width: 60px;
10490
+ height: 60px;
10491
+ top: 50%;
10492
+ left: 50%;
10493
+ -webkit-transform: translate(-50%, -50%);
10494
+ transform: translate(-50%, -50%);
10491
10495
  }
10492
- .pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon span.anticon.anticon-check.ant-steps-finish-icon {
10493
- color: #d9d9d9;
10496
+ .pandora-sdk-spin-container .ant-spin-container {
10497
+ height: 100%;
10494
10498
  }
10495
- .pandora-sdk-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon {
10496
- background: #eee;
10499
+ .pandora-sdk-spin-container .ant-spin-container > div {
10500
+ height: 100%;
10497
10501
  }
10498
- .pandora-sdk-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon {
10499
- color: inherit;
10502
+ .pandora-sdk-spin-hide {
10503
+ visibility: hidden;
10500
10504
  }
10501
10505
  .ant-table.ant-table-middle {
10502
10506
  font-size: 14px;
@@ -12225,6 +12229,32 @@ textarea.ant-pagination-options-quick-jumper input {
12225
12229
  .ant-empty .ant-empty-description {
12226
12230
  color: #bfbfbf;
12227
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
+ }
12228
12258
  .pandora-sdk-timeline-container {
12229
12259
  list-style: none;
12230
12260
  margin: 0;
@@ -12246,6 +12276,24 @@ textarea.ant-pagination-options-quick-jumper input {
12246
12276
  .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
12247
12277
  color: #7a869a;
12248
12278
  }
12279
+ .pandora-sdk-transfer-container {
12280
+ display: -webkit-box;
12281
+ display: -ms-flexbox;
12282
+ display: flex;
12283
+ -webkit-box-pack: justify;
12284
+ -ms-flex-pack: justify;
12285
+ justify-content: space-between;
12286
+ }
12287
+ .pandora-sdk-transfer-container .pandora-sdk-transfer-divider {
12288
+ height: 400px;
12289
+ }
12290
+ .pandora-sdk-transfer-container .pandora-sdk-transfer-list {
12291
+ -webkit-box-flex: 1;
12292
+ -ms-flex-positive: 1;
12293
+ flex-grow: 1;
12294
+ -ms-flex-preferred-size: 200px;
12295
+ flex-basis: 200px;
12296
+ }
12249
12297
  .ant-tag {
12250
12298
  -webkit-box-sizing: border-box;
12251
12299
  box-sizing: border-box;
@@ -12513,50 +12561,6 @@ textarea.ant-pagination-options-quick-jumper input {
12513
12561
  .pandora-sdk-popover > div {
12514
12562
  margin: 4px;
12515
12563
  }
12516
- .pandora-sdk-transfer-container {
12517
- display: -webkit-box;
12518
- display: -ms-flexbox;
12519
- display: flex;
12520
- -webkit-box-pack: justify;
12521
- -ms-flex-pack: justify;
12522
- justify-content: space-between;
12523
- }
12524
- .pandora-sdk-transfer-container .pandora-sdk-transfer-divider {
12525
- height: 400px;
12526
- }
12527
- .pandora-sdk-transfer-container .pandora-sdk-transfer-list {
12528
- -webkit-box-flex: 1;
12529
- -ms-flex-positive: 1;
12530
- flex-grow: 1;
12531
- -ms-flex-preferred-size: 200px;
12532
- flex-basis: 200px;
12533
- }
12534
- .pandora-sdk-tabs .pandora-sdk-tabs-tab {
12535
- position: relative;
12536
- }
12537
- .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
12538
- opacity: 1;
12539
- pointer-events: auto;
12540
- }
12541
- .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
12542
- margin-right: 0;
12543
- }
12544
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
12545
- margin-left: 8px;
12546
- font-size: 12px;
12547
- color: #d9d9d9;
12548
- -webkit-transition: color 0.5s, opacity 0.2s;
12549
- transition: color 0.5s, opacity 0.2s;
12550
- pointer-events: none;
12551
- opacity: 0;
12552
- position: absolute;
12553
- top: 50%;
12554
- -webkit-transform: translateY(-50%);
12555
- transform: translateY(-50%);
12556
- }
12557
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
12558
- color: #2c6dd2;
12559
- }
12560
12564
  @-webkit-keyframes ant-tree-node-fx-do-not-use {
12561
12565
  0% {
12562
12566
  opacity: 0;
@@ -13158,6 +13162,12 @@ textarea.ant-pagination-options-quick-jumper input {
13158
13162
  .pandora-sdk-tree-select-dropdown .ant-empty {
13159
13163
  text-align: center;
13160
13164
  }
13165
+ .pandora-sdk-card-search-input {
13166
+ min-width: 200px;
13167
+ }
13168
+ .pandora-sdk-card-search-input i {
13169
+ color: #bfbfbf;
13170
+ }
13161
13171
  .ant-row {
13162
13172
  display: -webkit-box;
13163
13173
  display: -ms-flexbox;
@@ -19047,11 +19057,28 @@ textarea.ant-pagination-options-quick-jumper input {
19047
19057
  .pandora-sdk-card-row-extra button {
19048
19058
  min-width: 80px;
19049
19059
  }
19050
- .pandora-sdk-card-search-input {
19051
- min-width: 200px;
19060
+ .pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter {
19061
+ width: 32px;
19062
+ margin: 0 auto;
19063
+ margin-top: 10px;
19064
+ margin-bottom: 5px;
19052
19065
  }
19053
- .pandora-sdk-card-search-input i {
19054
- color: #bfbfbf;
19066
+ .pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter .pandora-sdk-datetime-mobile-picker-title-div {
19067
+ border-radius: 2px;
19068
+ border: 2px solid #939393;
19069
+ }
19070
+ .pandora-sdk-datetime-mobile-picker {
19071
+ border-radius: 12px;
19072
+ }
19073
+ .pandora-sdk-datetime-mobile-picker .am-picker-popup-header-left {
19074
+ visibility: hidden;
19075
+ }
19076
+ .pandora-sdk-datetime-mobile-picker .am-picker-popup-content .am-picker-popup-body .am-picker-popup-header {
19077
+ border-bottom: none;
19078
+ background-image: none;
19079
+ background-position: unset;
19080
+ background-size: unset;
19081
+ position: initial;
19055
19082
  }
19056
19083
  .ant-picker {
19057
19084
  -webkit-box-sizing: border-box;
@@ -20336,29 +20363,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20336
20363
  .pandora-sdk-selector .pandora-sdk-datetime-pick-quarter-content .pandora-sdk-selector {
20337
20364
  margin-left: 18px;
20338
20365
  }
20339
- .pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter {
20340
- width: 32px;
20341
- margin: 0 auto;
20342
- margin-top: 10px;
20343
- margin-bottom: 5px;
20344
- }
20345
- .pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter .pandora-sdk-datetime-mobile-picker-title-div {
20346
- border-radius: 2px;
20347
- border: 2px solid #939393;
20348
- }
20349
- .pandora-sdk-datetime-mobile-picker {
20350
- border-radius: 12px;
20351
- }
20352
- .pandora-sdk-datetime-mobile-picker .am-picker-popup-header-left {
20353
- visibility: hidden;
20354
- }
20355
- .pandora-sdk-datetime-mobile-picker .am-picker-popup-content .am-picker-popup-body .am-picker-popup-header {
20356
- border-bottom: none;
20357
- background-image: none;
20358
- background-position: unset;
20359
- background-size: unset;
20360
- position: initial;
20361
- }
20362
20366
  .pandora-sdk-datetime-pick-input .ant-input-suffix {
20363
20367
  pointer-events: none;
20364
20368
  color: #7a869a;
@@ -20375,28 +20379,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20375
20379
  .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
20376
20380
  color: #2c6dd2;
20377
20381
  }
20378
- .pandora-sdk-item {
20379
- color: #2c6dd2;
20380
- cursor: pointer;
20381
- }
20382
- .pandora-sdk-item > .anticon {
20383
- color: inherit;
20384
- }
20385
- .pandora-sdk-item.pandora-sdk-disabled {
20386
- color: #bfbfbf;
20387
- cursor: not-allowed;
20388
- pointer-events: none;
20389
- }
20390
- .pandora-sdk-item.pandora-sdk-disabled .anticon {
20391
- color: #bfbfbf;
20392
- }
20393
- .pandora-sdk-item.pandora-sdk-active {
20394
- background: rgba(44, 109, 210, 0.05);
20395
- }
20396
- .pandora-sdk-item a {
20397
- color: inherit;
20398
- cursor: inherit;
20399
- }
20400
20382
  .pandora-sdk-popover-item {
20401
20383
  display: inline-block;
20402
20384
  line-height: 18px;
@@ -20423,6 +20405,28 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20423
20405
  .pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
20424
20406
  color: #bfbfbf;
20425
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
+ }
20426
20430
  .pandora-sdk-prev-button {
20427
20431
  margin-right: 10px;
20428
20432
  }
@@ -20524,22 +20528,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20524
20528
  .pandora-sdk-search-icon {
20525
20529
  color: inherit;
20526
20530
  }
20527
- .pandora-sdk-transfer-list-body {
20528
- height: 300px;
20529
- overflow-y: scroll;
20530
- }
20531
- .pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container {
20532
- overflow: hidden;
20533
- text-overflow: ellipsis;
20534
- white-space: nowrap;
20535
- }
20536
- .pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container .pandora-sdk-transfer-check-box-label {
20537
- padding-right: 0px;
20538
- padding-left: 8px;
20539
- }
20540
- .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
20541
- margin-bottom: 10px;
20542
- }
20543
20531
  .pandora-sdk-switch {
20544
20532
  display: inline-block;
20545
20533
  margin: 4px;
@@ -20566,6 +20554,22 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20566
20554
  .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
20567
20555
  background: #03a9f4;
20568
20556
  }
20557
+ .pandora-sdk-transfer-list-body {
20558
+ height: 300px;
20559
+ overflow-y: scroll;
20560
+ }
20561
+ .pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container {
20562
+ overflow: hidden;
20563
+ text-overflow: ellipsis;
20564
+ white-space: nowrap;
20565
+ }
20566
+ .pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container .pandora-sdk-transfer-check-box-label {
20567
+ padding-right: 0px;
20568
+ padding-left: 8px;
20569
+ }
20570
+ .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
20571
+ margin-bottom: 10px;
20572
+ }
20569
20573
  .pandora-sdk-root {
20570
20574
  display: inline-block;
20571
20575
  line-height: 24px;