@qn-pandora/pandora-component 4.0.3 → 4.0.4

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 (47) hide show
  1. package/CHANGELOG.json +23 -0
  2. package/CHANGELOG.md +9 -1
  3. package/es/components/FileResumable/constants.d.ts +33 -0
  4. package/es/components/FileResumable/constants.js +0 -0
  5. package/es/components/FileResumable/index.d.ts +13 -0
  6. package/es/components/FileResumable/index.js +327 -0
  7. package/es/components/FileResumable/style.css +777 -0
  8. package/es/components/FileResumable/style.less +94 -0
  9. package/es/components/FileResumable/utils.d.ts +1 -0
  10. package/es/components/FileResumable/utils.js +17 -0
  11. package/es/constants/language/en.js +3 -1
  12. package/es/constants/language/type.d.ts +2 -0
  13. package/es/constants/language/upload/en.d.ts +3 -0
  14. package/es/constants/language/upload/en.js +20 -0
  15. package/es/constants/language/upload/type.d.ts +20 -0
  16. package/es/constants/language/upload/type.js +4 -0
  17. package/es/constants/language/upload/zh.d.ts +3 -0
  18. package/es/constants/language/upload/zh.js +20 -0
  19. package/es/constants/language/zh.js +3 -1
  20. package/es/index.css +2297 -1530
  21. package/es/index.d.ts +1 -0
  22. package/es/index.js +1 -0
  23. package/es/index.less +17 -16
  24. package/es/style/theme.less +1 -0
  25. package/lib/components/FileResumable/constants.d.ts +33 -0
  26. package/lib/components/FileResumable/constants.js +2 -0
  27. package/lib/components/FileResumable/index.d.ts +13 -0
  28. package/lib/components/FileResumable/index.js +340 -0
  29. package/lib/components/FileResumable/style.css +777 -0
  30. package/lib/components/FileResumable/style.less +94 -0
  31. package/lib/components/FileResumable/utils.d.ts +1 -0
  32. package/lib/components/FileResumable/utils.js +19 -0
  33. package/lib/constants/language/en.js +6 -1
  34. package/lib/constants/language/type.d.ts +2 -0
  35. package/lib/constants/language/upload/en.d.ts +3 -0
  36. package/lib/constants/language/upload/en.js +22 -0
  37. package/lib/constants/language/upload/type.d.ts +20 -0
  38. package/lib/constants/language/upload/type.js +9 -0
  39. package/lib/constants/language/upload/zh.d.ts +3 -0
  40. package/lib/constants/language/upload/zh.js +22 -0
  41. package/lib/constants/language/zh.js +6 -1
  42. package/lib/index.css +2086 -1319
  43. package/lib/index.d.ts +1 -0
  44. package/lib/index.js +2 -0
  45. package/lib/index.less +8 -7
  46. package/lib/style/theme.less +1 -0
  47. package/package.json +6 -4
package/lib/index.css CHANGED
@@ -3353,210 +3353,6 @@ a.ant-btn-sm {
3353
3353
  margin-left: 0;
3354
3354
  line-height: 25px;
3355
3355
  }
3356
- .ant-collapse {
3357
- -webkit-box-sizing: border-box;
3358
- box-sizing: border-box;
3359
- margin: 0;
3360
- padding: 0;
3361
- color: rgba(0, 0, 0, 0.85);
3362
- font-size: 14px;
3363
- font-variant: tabular-nums;
3364
- line-height: 1.5715;
3365
- list-style: none;
3366
- -webkit-font-feature-settings: 'tnum';
3367
- font-feature-settings: 'tnum';
3368
- background-color: #fafafa;
3369
- border: 1px solid #d9d9d9;
3370
- border-bottom: 0;
3371
- border-radius: 2px;
3372
- }
3373
- .ant-collapse > .ant-collapse-item {
3374
- border-bottom: 1px solid #d9d9d9;
3375
- }
3376
- .ant-collapse > .ant-collapse-item:last-child,
3377
- .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
3378
- border-radius: 0 0 2px 2px;
3379
- }
3380
- .ant-collapse > .ant-collapse-item > .ant-collapse-header {
3381
- display: -webkit-box;
3382
- display: -ms-flexbox;
3383
- display: flex;
3384
- -ms-flex-wrap: nowrap;
3385
- flex-wrap: nowrap;
3386
- -webkit-box-align: start;
3387
- -ms-flex-align: start;
3388
- align-items: flex-start;
3389
- padding: 12px 16px;
3390
- color: rgba(0, 0, 0, 0.85);
3391
- line-height: 1.5715;
3392
- cursor: pointer;
3393
- -webkit-transition: all 0.3s, visibility 0s;
3394
- transition: all 0.3s, visibility 0s;
3395
- }
3396
- .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
3397
- display: inline-block;
3398
- margin-right: 12px;
3399
- font-size: 12px;
3400
- vertical-align: -1px;
3401
- }
3402
- .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
3403
- -webkit-transition: -webkit-transform 0.24s;
3404
- transition: -webkit-transform 0.24s;
3405
- transition: transform 0.24s;
3406
- transition: transform 0.24s, -webkit-transform 0.24s;
3407
- }
3408
- .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
3409
- margin-left: auto;
3410
- }
3411
- .ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
3412
- outline: none;
3413
- }
3414
- .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
3415
- cursor: default;
3416
- }
3417
- .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
3418
- cursor: pointer;
3419
- }
3420
- .ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
3421
- padding-left: 12px;
3422
- }
3423
- .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
3424
- position: relative;
3425
- padding: 12px 16px;
3426
- padding-right: 40px;
3427
- }
3428
- .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
3429
- position: absolute;
3430
- top: 50%;
3431
- right: 16px;
3432
- left: auto;
3433
- margin: 0;
3434
- -webkit-transform: translateY(-50%);
3435
- transform: translateY(-50%);
3436
- }
3437
- .ant-collapse-content {
3438
- color: rgba(0, 0, 0, 0.85);
3439
- background-color: #fff;
3440
- border-top: 1px solid #d9d9d9;
3441
- }
3442
- .ant-collapse-content > .ant-collapse-content-box {
3443
- padding: 16px;
3444
- }
3445
- .ant-collapse-content-hidden {
3446
- display: none;
3447
- }
3448
- .ant-collapse-item:last-child > .ant-collapse-content {
3449
- border-radius: 0 0 2px 2px;
3450
- }
3451
- .ant-collapse-borderless {
3452
- background-color: #fafafa;
3453
- border: 0;
3454
- }
3455
- .ant-collapse-borderless > .ant-collapse-item {
3456
- border-bottom: 1px solid #d9d9d9;
3457
- }
3458
- .ant-collapse-borderless > .ant-collapse-item:last-child,
3459
- .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
3460
- border-radius: 0;
3461
- }
3462
- .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
3463
- background-color: transparent;
3464
- border-top: 0;
3465
- }
3466
- .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
3467
- padding-top: 4px;
3468
- }
3469
- .ant-collapse-ghost {
3470
- background-color: transparent;
3471
- border: 0;
3472
- }
3473
- .ant-collapse-ghost > .ant-collapse-item {
3474
- border-bottom: 0;
3475
- }
3476
- .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
3477
- background-color: transparent;
3478
- border-top: 0;
3479
- }
3480
- .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
3481
- padding-top: 12px;
3482
- padding-bottom: 12px;
3483
- }
3484
- .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
3485
- .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
3486
- color: rgba(0, 0, 0, 0.25);
3487
- cursor: not-allowed;
3488
- }
3489
- .ant-collapse-rtl {
3490
- direction: rtl;
3491
- }
3492
- .ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
3493
- padding: 12px 16px;
3494
- padding-right: 40px;
3495
- }
3496
- .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
3497
- margin-right: 0;
3498
- margin-left: 12px;
3499
- }
3500
- .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
3501
- -webkit-transform: rotate(180deg);
3502
- transform: rotate(180deg);
3503
- }
3504
- .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
3505
- margin-right: auto;
3506
- margin-left: 0;
3507
- }
3508
- .ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
3509
- padding-right: 12px;
3510
- padding-left: 0;
3511
- }
3512
- .pandora-sdk-collapse-simple {
3513
- border-width: 0px;
3514
- color: rgba(0, 0, 0, 0.85);
3515
- }
3516
- .pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-header {
3517
- background-color: #d9d9d9;
3518
- }
3519
- .pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-header > .ant-collapse-arrow {
3520
- color: rgba(0, 0, 0, 0.85);
3521
- }
3522
- .pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-content {
3523
- color: heading-color;
3524
- border-top-width: 0px;
3525
- }
3526
- .pandora-sdk-collapse-primary,
3527
- .pandora-sdk-collapse-dashed {
3528
- border: none;
3529
- }
3530
- .pandora-sdk-collapse-primary > .ant-collapse-item {
3531
- border: none;
3532
- }
3533
- .pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-header {
3534
- padding: 5px 16px;
3535
- border-bottom-width: 0px;
3536
- background-color: #fafafa;
3537
- font-weight: 500;
3538
- }
3539
- .pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-header .pandora-sdk-header-line {
3540
- width: 2px;
3541
- height: 16px;
3542
- position: absolute;
3543
- top: 8px;
3544
- left: 0px;
3545
- background-color: #2c6dd2;
3546
- }
3547
- .pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-content {
3548
- border: none;
3549
- }
3550
- .pandora-sdk-collapse-dashed > .ant-collapse-item {
3551
- border: 1px dashed #d9d9d9;
3552
- margin-bottom: 12px;
3553
- }
3554
- .pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-header {
3555
- background-color: #d9d9d9;
3556
- }
3557
- .pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-content {
3558
- border: none;
3559
- }
3560
3356
  .ant-divider {
3561
3357
  -webkit-box-sizing: border-box;
3562
3358
  box-sizing: border-box;
@@ -4488,29 +4284,233 @@ textarea.ant-input {
4488
4284
  .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4489
4285
  line-height: 40px;
4490
4286
  }
4491
- .pandora-sdk-collapsible-panel > .panel-header {
4492
- position: relative;
4493
- padding: 12px 16px 12px 40px;
4494
- cursor: pointer;
4287
+ .ant-collapse {
4288
+ -webkit-box-sizing: border-box;
4289
+ box-sizing: border-box;
4290
+ margin: 0;
4291
+ padding: 0;
4495
4292
  color: rgba(0, 0, 0, 0.85);
4496
- background-color: #f4f5f7;
4293
+ font-size: 14px;
4294
+ font-variant: tabular-nums;
4295
+ line-height: 1.5715;
4296
+ list-style: none;
4297
+ -webkit-font-feature-settings: 'tnum';
4298
+ font-feature-settings: 'tnum';
4299
+ background-color: #fafafa;
4497
4300
  border: 1px solid #d9d9d9;
4301
+ border-bottom: 0;
4302
+ border-radius: 2px;
4498
4303
  }
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%);
4304
+ .ant-collapse > .ant-collapse-item {
4305
+ border-bottom: 1px solid #d9d9d9;
4505
4306
  }
4506
- .pandora-sdk-collapsible-panel > .panel-header > .icon > i {
4507
- color: inherit;
4307
+ .ant-collapse > .ant-collapse-item:last-child,
4308
+ .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
4309
+ border-radius: 0 0 2px 2px;
4508
4310
  }
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;
4311
+ .ant-collapse > .ant-collapse-item > .ant-collapse-header {
4312
+ display: -webkit-box;
4313
+ display: -ms-flexbox;
4314
+ display: flex;
4315
+ -ms-flex-wrap: nowrap;
4316
+ flex-wrap: nowrap;
4317
+ -webkit-box-align: start;
4318
+ -ms-flex-align: start;
4319
+ align-items: flex-start;
4320
+ padding: 12px 16px;
4321
+ color: rgba(0, 0, 0, 0.85);
4322
+ line-height: 1.5715;
4323
+ cursor: pointer;
4324
+ -webkit-transition: all 0.3s, visibility 0s;
4325
+ transition: all 0.3s, visibility 0s;
4326
+ }
4327
+ .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
4328
+ display: inline-block;
4329
+ margin-right: 12px;
4330
+ font-size: 12px;
4331
+ vertical-align: -1px;
4332
+ }
4333
+ .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
4334
+ -webkit-transition: -webkit-transform 0.24s;
4335
+ transition: -webkit-transform 0.24s;
4336
+ transition: transform 0.24s;
4337
+ transition: transform 0.24s, -webkit-transform 0.24s;
4338
+ }
4339
+ .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
4340
+ margin-left: auto;
4341
+ }
4342
+ .ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
4343
+ outline: none;
4344
+ }
4345
+ .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
4346
+ cursor: default;
4347
+ }
4348
+ .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
4349
+ cursor: pointer;
4350
+ }
4351
+ .ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
4352
+ padding-left: 12px;
4353
+ }
4354
+ .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
4355
+ position: relative;
4356
+ padding: 12px 16px;
4357
+ padding-right: 40px;
4358
+ }
4359
+ .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
4360
+ position: absolute;
4361
+ top: 50%;
4362
+ right: 16px;
4363
+ left: auto;
4364
+ margin: 0;
4365
+ -webkit-transform: translateY(-50%);
4366
+ transform: translateY(-50%);
4367
+ }
4368
+ .ant-collapse-content {
4369
+ color: rgba(0, 0, 0, 0.85);
4370
+ background-color: #fff;
4371
+ border-top: 1px solid #d9d9d9;
4372
+ }
4373
+ .ant-collapse-content > .ant-collapse-content-box {
4374
+ padding: 16px;
4375
+ }
4376
+ .ant-collapse-content-hidden {
4377
+ display: none;
4378
+ }
4379
+ .ant-collapse-item:last-child > .ant-collapse-content {
4380
+ border-radius: 0 0 2px 2px;
4381
+ }
4382
+ .ant-collapse-borderless {
4383
+ background-color: #fafafa;
4384
+ border: 0;
4385
+ }
4386
+ .ant-collapse-borderless > .ant-collapse-item {
4387
+ border-bottom: 1px solid #d9d9d9;
4388
+ }
4389
+ .ant-collapse-borderless > .ant-collapse-item:last-child,
4390
+ .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
4391
+ border-radius: 0;
4392
+ }
4393
+ .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
4394
+ background-color: transparent;
4395
+ border-top: 0;
4396
+ }
4397
+ .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
4398
+ padding-top: 4px;
4399
+ }
4400
+ .ant-collapse-ghost {
4401
+ background-color: transparent;
4402
+ border: 0;
4403
+ }
4404
+ .ant-collapse-ghost > .ant-collapse-item {
4405
+ border-bottom: 0;
4406
+ }
4407
+ .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
4408
+ background-color: transparent;
4409
+ border-top: 0;
4410
+ }
4411
+ .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
4412
+ padding-top: 12px;
4413
+ padding-bottom: 12px;
4414
+ }
4415
+ .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
4416
+ .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
4417
+ color: rgba(0, 0, 0, 0.25);
4418
+ cursor: not-allowed;
4419
+ }
4420
+ .ant-collapse-rtl {
4421
+ direction: rtl;
4422
+ }
4423
+ .ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
4424
+ padding: 12px 16px;
4425
+ padding-right: 40px;
4426
+ }
4427
+ .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
4428
+ margin-right: 0;
4429
+ margin-left: 12px;
4430
+ }
4431
+ .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
4432
+ -webkit-transform: rotate(180deg);
4433
+ transform: rotate(180deg);
4434
+ }
4435
+ .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
4436
+ margin-right: auto;
4437
+ margin-left: 0;
4438
+ }
4439
+ .ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
4440
+ padding-right: 12px;
4441
+ padding-left: 0;
4442
+ }
4443
+ .pandora-sdk-collapse-simple {
4444
+ border-width: 0px;
4445
+ color: rgba(0, 0, 0, 0.85);
4446
+ }
4447
+ .pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-header {
4448
+ background-color: #d9d9d9;
4449
+ }
4450
+ .pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-header > .ant-collapse-arrow {
4451
+ color: rgba(0, 0, 0, 0.85);
4452
+ }
4453
+ .pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-content {
4454
+ color: heading-color;
4455
+ border-top-width: 0px;
4456
+ }
4457
+ .pandora-sdk-collapse-primary,
4458
+ .pandora-sdk-collapse-dashed {
4459
+ border: none;
4460
+ }
4461
+ .pandora-sdk-collapse-primary > .ant-collapse-item {
4462
+ border: none;
4463
+ }
4464
+ .pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-header {
4465
+ padding: 5px 16px;
4466
+ border-bottom-width: 0px;
4467
+ background-color: #fafafa;
4468
+ font-weight: 500;
4469
+ }
4470
+ .pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-header .pandora-sdk-header-line {
4471
+ width: 2px;
4472
+ height: 16px;
4473
+ position: absolute;
4474
+ top: 8px;
4475
+ left: 0px;
4476
+ background-color: #2c6dd2;
4477
+ }
4478
+ .pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-content {
4479
+ border: none;
4480
+ }
4481
+ .pandora-sdk-collapse-dashed > .ant-collapse-item {
4482
+ border: 1px dashed #d9d9d9;
4483
+ margin-bottom: 12px;
4484
+ }
4485
+ .pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-header {
4486
+ background-color: #d9d9d9;
4487
+ }
4488
+ .pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-content {
4489
+ border: none;
4490
+ }
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;
4498
+ }
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%);
4505
+ }
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
4514
  }
4515
4515
  .pandora-sdk-collapsible-panel > .panel-header.disabled-header {
4516
4516
  cursor: not-allowed;
@@ -5152,30 +5152,7 @@ textarea.ant-input {
5152
5152
  margin-left: 8px;
5153
5153
  font-size: 16px;
5154
5154
  }
5155
- .ant-input[disabled] {
5156
- border-color: #d9d9d9;
5157
- }
5158
- .ant-input-group-addon {
5159
- color: #666;
5160
- }
5161
- .pandora-sdk-key-value-label,
5162
- .pandora-sdk-key-value-value {
5163
- display: inline-block;
5164
- overflow: hidden;
5165
- text-overflow: ellipsis;
5166
- white-space: nowrap;
5167
- line-height: 1.8;
5168
- vertical-align: middle;
5169
- }
5170
- .pandora-sdk-key-value-label {
5171
- color: #666;
5172
- width: 30%;
5173
- }
5174
- .pandora-sdk-key-value-value {
5175
- color: #333;
5176
- width: 70%;
5177
- }
5178
- .ant-modal {
5155
+ .ant-upload {
5179
5156
  -webkit-box-sizing: border-box;
5180
5157
  box-sizing: border-box;
5181
5158
  margin: 0;
@@ -5187,1259 +5164,2049 @@ textarea.ant-input {
5187
5164
  list-style: none;
5188
5165
  -webkit-font-feature-settings: 'tnum';
5189
5166
  font-feature-settings: 'tnum';
5190
- pointer-events: none;
5191
- position: relative;
5192
- top: 100px;
5193
- width: auto;
5194
- max-width: calc(100vw - 32px);
5195
- margin: 0 auto;
5196
- padding-bottom: 24px;
5167
+ outline: 0;
5197
5168
  }
5198
- .ant-modal.ant-zoom-enter,
5199
- .ant-modal.antzoom-appear {
5200
- -webkit-transform: none;
5201
- transform: none;
5202
- opacity: 0;
5203
- -webkit-animation-duration: 0.3s;
5204
- animation-duration: 0.3s;
5205
- -webkit-user-select: none;
5206
- -moz-user-select: none;
5207
- -ms-user-select: none;
5208
- user-select: none;
5169
+ .ant-upload p {
5170
+ margin: 0;
5209
5171
  }
5210
- .ant-modal-mask {
5211
- position: fixed;
5212
- top: 0;
5213
- right: 0;
5214
- bottom: 0;
5215
- left: 0;
5216
- z-index: 1000;
5217
- height: 100%;
5218
- background-color: rgba(0, 0, 0, 0.45);
5172
+ .ant-upload-btn {
5173
+ display: block;
5174
+ width: 100%;
5175
+ outline: none;
5219
5176
  }
5220
- .ant-modal-mask-hidden {
5221
- display: none;
5177
+ .ant-upload input[type='file'] {
5178
+ cursor: pointer;
5222
5179
  }
5223
- .ant-modal-wrap {
5224
- position: fixed;
5225
- top: 0;
5226
- right: 0;
5227
- bottom: 0;
5228
- left: 0;
5229
- overflow: auto;
5230
- outline: 0;
5231
- -webkit-overflow-scrolling: touch;
5232
- }
5233
- .ant-modal-wrap {
5234
- z-index: 1000;
5180
+ .ant-upload.ant-upload-select {
5181
+ display: inline-block;
5235
5182
  }
5236
- .ant-modal-title {
5237
- margin: 0;
5238
- color: rgba(0, 0, 0, 0.85);
5239
- font-weight: 500;
5240
- font-size: 16px;
5241
- line-height: 22px;
5242
- word-wrap: break-word;
5183
+ .ant-upload.ant-upload-disabled {
5184
+ cursor: not-allowed;
5243
5185
  }
5244
- .ant-modal-content {
5245
- position: relative;
5246
- background-color: #fff;
5247
- background-clip: padding-box;
5248
- border: 0;
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;
5194
+ border: 1px dashed #d9d9d9;
5249
5195
  border-radius: 2px;
5250
- -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);
5251
- 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);
5252
- pointer-events: auto;
5253
- }
5254
- .ant-modal-close {
5255
- position: absolute;
5256
- top: 0;
5257
- right: 0;
5258
- z-index: 10;
5259
- padding: 0;
5260
- color: rgba(0, 0, 0, 0.45);
5261
- font-weight: 700;
5262
- line-height: 1;
5263
- text-decoration: none;
5264
- background: transparent;
5265
- border: 0;
5266
- outline: 0;
5267
5196
  cursor: pointer;
5268
- -webkit-transition: color 0.3s;
5269
- transition: color 0.3s;
5197
+ -webkit-transition: border-color 0.3s;
5198
+ transition: border-color 0.3s;
5270
5199
  }
5271
- .ant-modal-close-x {
5272
- display: block;
5273
- width: 56px;
5274
- height: 56px;
5275
- font-size: 16px;
5276
- font-style: normal;
5277
- line-height: 56px;
5200
+ .ant-upload.ant-upload-select-picture-card > .ant-upload {
5201
+ display: -webkit-box;
5202
+ display: -ms-flexbox;
5203
+ display: flex;
5204
+ -webkit-box-align: center;
5205
+ -ms-flex-align: center;
5206
+ align-items: center;
5207
+ -webkit-box-pack: center;
5208
+ -ms-flex-pack: center;
5209
+ justify-content: center;
5210
+ height: 100%;
5278
5211
  text-align: center;
5279
- text-transform: none;
5280
- text-rendering: auto;
5281
- }
5282
- .ant-modal-close:focus,
5283
- .ant-modal-close:hover {
5284
- color: rgba(0, 0, 0, 0.75);
5285
- text-decoration: none;
5286
5212
  }
5287
- .ant-modal-header {
5288
- padding: 16px 24px;
5289
- color: rgba(0, 0, 0, 0.85);
5290
- background: #fff;
5291
- border-bottom: 1px solid #f0f0f0;
5292
- border-radius: 2px 2px 0 0;
5213
+ .ant-upload.ant-upload-select-picture-card:hover {
5214
+ border-color: #1890ff;
5293
5215
  }
5294
- .ant-modal-body {
5295
- padding: 24px;
5296
- font-size: 14px;
5297
- line-height: 1.5715;
5298
- word-wrap: break-word;
5216
+ .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
5217
+ border-color: #d9d9d9;
5299
5218
  }
5300
- .ant-modal-footer {
5301
- padding: 10px 16px;
5302
- text-align: right;
5303
- background: transparent;
5304
- border-top: 1px solid #f0f0f0;
5305
- border-radius: 0 0 2px 2px;
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;
5306
5230
  }
5307
- .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
5308
- margin-bottom: 0;
5309
- margin-left: 8px;
5231
+ .ant-upload.ant-upload-drag .ant-upload {
5232
+ padding: 16px 0;
5310
5233
  }
5311
- .ant-modal-open {
5312
- overflow: hidden;
5234
+ .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
5235
+ border-color: #096dd9;
5313
5236
  }
5314
- .ant-modal-centered {
5315
- text-align: center;
5237
+ .ant-upload.ant-upload-drag.ant-upload-disabled {
5238
+ cursor: not-allowed;
5316
5239
  }
5317
- .ant-modal-centered::before {
5318
- display: inline-block;
5319
- width: 0;
5240
+ .ant-upload.ant-upload-drag .ant-upload-btn {
5241
+ display: table;
5320
5242
  height: 100%;
5321
- vertical-align: middle;
5322
- content: '';
5323
5243
  }
5324
- .ant-modal-centered .ant-modal {
5325
- top: 0;
5326
- display: inline-block;
5327
- text-align: left;
5244
+ .ant-upload.ant-upload-drag .ant-upload-drag-container {
5245
+ display: table-cell;
5328
5246
  vertical-align: middle;
5329
5247
  }
5330
- @media (max-width: 767px) {
5331
- .ant-modal {
5332
- max-width: calc(100vw - 16px);
5333
- margin: 8px auto;
5334
- }
5335
- .ant-modal-centered .ant-modal {
5336
- -webkit-box-flex: 1;
5337
- -ms-flex: 1;
5338
- flex: 1;
5339
- }
5248
+ .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
5249
+ border-color: #40a9ff;
5340
5250
  }
5341
- .ant-modal-confirm .ant-modal-header {
5342
- display: none;
5251
+ .ant-upload.ant-upload-drag p.ant-upload-drag-icon {
5252
+ margin-bottom: 20px;
5343
5253
  }
5344
- .ant-modal-confirm .ant-modal-body {
5345
- padding: 32px 32px 24px;
5254
+ .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
5255
+ color: #40a9ff;
5256
+ font-size: 48px;
5346
5257
  }
5347
- .ant-modal-confirm-body-wrapper::before {
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;
5262
+ }
5263
+ .ant-upload.ant-upload-drag p.ant-upload-hint {
5264
+ color: rgba(0, 0, 0, 0.45);
5265
+ font-size: 14px;
5266
+ }
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;
5272
+ }
5273
+ .ant-upload.ant-upload-drag .anticon-plus:hover {
5274
+ color: rgba(0, 0, 0, 0.45);
5275
+ }
5276
+ .ant-upload.ant-upload-drag:hover .anticon-plus {
5277
+ color: rgba(0, 0, 0, 0.45);
5278
+ }
5279
+ .ant-upload-picture-card-wrapper {
5280
+ display: inline-block;
5281
+ width: 100%;
5282
+ }
5283
+ .ant-upload-picture-card-wrapper::before {
5348
5284
  display: table;
5349
5285
  content: '';
5350
5286
  }
5351
- .ant-modal-confirm-body-wrapper::after {
5287
+ .ant-upload-picture-card-wrapper::after {
5352
5288
  display: table;
5353
5289
  clear: both;
5354
5290
  content: '';
5355
5291
  }
5356
- .ant-modal-confirm-body .ant-modal-confirm-title {
5357
- display: block;
5358
- overflow: hidden;
5292
+ .ant-upload-list {
5293
+ -webkit-box-sizing: border-box;
5294
+ box-sizing: border-box;
5295
+ margin: 0;
5296
+ padding: 0;
5359
5297
  color: rgba(0, 0, 0, 0.85);
5360
- font-weight: 500;
5361
- font-size: 16px;
5362
- line-height: 1.4;
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;
5363
5304
  }
5364
- .ant-modal-confirm-body .ant-modal-confirm-content {
5305
+ .ant-upload-list::before {
5306
+ display: table;
5307
+ content: '';
5308
+ }
5309
+ .ant-upload-list::after {
5310
+ display: table;
5311
+ clear: both;
5312
+ content: '';
5313
+ }
5314
+ .ant-upload-list-item {
5315
+ position: relative;
5316
+ height: 22.001px;
5365
5317
  margin-top: 8px;
5366
- color: rgba(0, 0, 0, 0.85);
5367
5318
  font-size: 14px;
5368
5319
  }
5369
- .ant-modal-confirm-body > .anticon {
5370
- float: left;
5371
- margin-right: 16px;
5372
- font-size: 22px;
5320
+ .ant-upload-list-item-name {
5321
+ display: inline-block;
5322
+ width: 100%;
5323
+ padding-left: 22px;
5324
+ overflow: hidden;
5325
+ line-height: 1.5715;
5326
+ white-space: nowrap;
5327
+ text-overflow: ellipsis;
5373
5328
  }
5374
- .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
5375
- margin-left: 38px;
5329
+ .ant-upload-list-item-card-actions {
5330
+ position: absolute;
5331
+ right: 0;
5376
5332
  }
5377
- .ant-modal-confirm .ant-modal-confirm-btns {
5378
- float: right;
5379
- margin-top: 24px;
5333
+ .ant-upload-list-item-card-actions-btn {
5334
+ opacity: 0;
5380
5335
  }
5381
- .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
5382
- margin-bottom: 0;
5383
- margin-left: 8px;
5336
+ .ant-upload-list-item-card-actions-btn.ant-btn-sm {
5337
+ height: 20px;
5338
+ line-height: 1;
5384
5339
  }
5385
- .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
5386
- color: #ff4d4f;
5340
+ .ant-upload-list-item-card-actions.picture {
5341
+ top: 22px;
5342
+ line-height: 0;
5387
5343
  }
5388
- .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
5389
- .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
5390
- color: #faad14;
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;
5391
5347
  }
5392
- .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
5393
- color: #1890ff;
5348
+ .ant-upload-list-item-card-actions .anticon {
5349
+ color: rgba(0, 0, 0, 0.45);
5394
5350
  }
5395
- .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
5396
- color: #52c41a;
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;
5397
5356
  }
5398
- .ant-modal-wrap-rtl {
5399
- direction: rtl;
5357
+ .ant-upload-list-item-info > span {
5358
+ display: block;
5359
+ width: 100%;
5360
+ height: 100%;
5400
5361
  }
5401
- .ant-modal-wrap-rtl .ant-modal-close {
5402
- right: initial;
5403
- left: 0;
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;
5404
5368
  }
5405
- .ant-modal-wrap-rtl .ant-modal-footer {
5406
- text-align: left;
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;
5407
5380
  }
5408
- .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
5409
- margin-right: 8px;
5410
- margin-left: 0;
5381
+ .ant-upload-list-item .anticon-close:hover {
5382
+ color: rgba(0, 0, 0, 0.85);
5411
5383
  }
5412
- .ant-modal-wrap-rtl .ant-modal-confirm-body {
5413
- direction: rtl;
5384
+ .ant-upload-list-item:hover .ant-upload-list-item-info {
5385
+ background-color: #f5f5f5;
5414
5386
  }
5415
- .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
5416
- float: right;
5417
- margin-right: 0;
5418
- margin-left: 16px;
5387
+ .ant-upload-list-item:hover .anticon-close {
5388
+ opacity: 1;
5419
5389
  }
5420
- .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
5421
- margin-right: 38px;
5422
- margin-left: 0;
5390
+ .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
5391
+ opacity: 1;
5423
5392
  }
5424
- .ant-modal-wrap-rtl .ant-modal-confirm-btns {
5425
- float: left;
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;
5426
5397
  }
5427
- .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
5428
- margin-right: 8px;
5429
- margin-left: 0;
5398
+ .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
5399
+ color: #ff4d4f;
5430
5400
  }
5431
- .ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
5432
- text-align: right;
5401
+ .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
5402
+ opacity: 1;
5433
5403
  }
5434
- .pandora-sdk-modal .ant-modal-header {
5435
- border-color: rgba(0, 0, 0, 0.09);
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;
5436
5411
  }
5437
- .pandora-sdk-modal .ant-modal-body {
5438
- max-height: 70vh;
5439
- overflow-y: auto;
5440
- background: #d9d9d9;
5441
- padding: 0px 60px;
5442
- padding-top: 24px;
5443
- border-radius: 0 0 2px 2px;
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;
5444
5419
  }
5445
- .pandora-sdk-modal .ant-modal-footer {
5446
- border: none;
5447
- padding: 32px 24px 24px 24px;
5420
+ .ant-upload-list-picture .ant-upload-list-item:hover,
5421
+ .ant-upload-list-picture-card .ant-upload-list-item:hover {
5422
+ background: transparent;
5448
5423
  }
5449
- .pandora-sdk-modal .ant-modal-footer .ant-btn {
5450
- min-width: 60px;
5451
- height: 32px;
5452
- margin-left: 12px;
5453
- font-size: 14px;
5454
- color: rgba(0, 0, 0, 0.85);
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;
5455
5427
  }
5456
- .pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
5457
- color: #d9d9d9;
5428
+ .ant-upload-list-picture .ant-upload-list-item-info,
5429
+ .ant-upload-list-picture-card .ant-upload-list-item-info {
5430
+ padding: 0;
5458
5431
  }
5459
- .ant-menu-item-danger.ant-menu-item {
5460
- color: #ff4d4f;
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;
5461
5435
  }
5462
- .ant-menu-item-danger.ant-menu-item:hover,
5463
- .ant-menu-item-danger.ant-menu-item-active {
5464
- color: #ff4d4f;
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;
5465
5439
  }
5466
- .ant-menu-item-danger.ant-menu-item:active {
5467
- background: #fff1f0;
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;
5468
5447
  }
5469
- .ant-menu-item-danger.ant-menu-item-selected {
5470
- color: #ff4d4f;
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;
5471
5451
  }
5472
- .ant-menu-item-danger.ant-menu-item-selected > a,
5473
- .ant-menu-item-danger.ant-menu-item-selected > a:hover {
5474
- color: #ff4d4f;
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;
5475
5455
  }
5476
- .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
5477
- background-color: #fff1f0;
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;
5478
5459
  }
5479
- .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
5480
- border-right-color: #ff4d4f;
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%);
5481
5468
  }
5482
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item,
5483
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
5484
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
5485
- color: #ff4d4f;
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;
5486
5472
  }
5487
- .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
5488
- color: #fff;
5489
- background-color: #ff4d4f;
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%;
5490
5476
  }
5491
- .ant-menu {
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;
5483
+ }
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;
5492
5487
  -webkit-box-sizing: border-box;
5493
5488
  box-sizing: border-box;
5494
- margin: 0;
5495
- padding: 0;
5496
- font-variant: tabular-nums;
5497
- line-height: 1.5715;
5498
- -webkit-font-feature-settings: 'tnum';
5499
- font-feature-settings: 'tnum';
5500
- margin-bottom: 0;
5501
- padding-left: 0;
5502
- color: rgba(0, 0, 0, 0.85);
5503
- font-size: 14px;
5504
- line-height: 0;
5505
- text-align: left;
5506
- list-style: none;
5507
- background: #fff;
5508
- outline: none;
5509
- -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);
5510
- 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);
5511
- -webkit-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
5512
- transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
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;
5513
5499
  }
5514
- .ant-menu::before {
5515
- display: table;
5516
- content: '';
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;
5517
5503
  }
5518
- .ant-menu::after {
5519
- display: table;
5520
- clear: both;
5521
- content: '';
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;
5522
5510
  }
5523
- .ant-menu.ant-menu-root:focus-visible {
5524
- -webkit-box-shadow: 0 0 0 2px #e6f7ff;
5525
- box-shadow: 0 0 0 2px #e6f7ff;
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;
5526
5518
  }
5527
- .ant-menu ul,
5528
- .ant-menu ol {
5529
- margin: 0;
5530
- padding: 0;
5531
- list-style: none;
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;
5532
5525
  }
5533
- .ant-menu-overflow {
5534
- display: -webkit-box;
5535
- display: -ms-flexbox;
5536
- display: flex;
5526
+ .ant-upload-list-picture-card.ant-upload-list::after {
5527
+ display: none;
5537
5528
  }
5538
- .ant-menu-overflow-item {
5539
- -webkit-box-flex: 0;
5540
- -ms-flex: none;
5541
- flex: none;
5529
+ .ant-upload-list-picture-card .ant-upload-list-item {
5530
+ height: 100%;
5531
+ margin: 0;
5542
5532
  }
5543
- .ant-menu-hidden,
5544
- .ant-menu-submenu-hidden {
5545
- display: none;
5533
+ .ant-upload-list-picture-card .ant-upload-list-item-info {
5534
+ position: relative;
5535
+ height: 100%;
5536
+ overflow: hidden;
5546
5537
  }
5547
- .ant-menu-item-group-title {
5548
- height: 1.5715;
5549
- padding: 8px 16px;
5550
- color: rgba(0, 0, 0, 0.45);
5551
- font-size: 14px;
5552
- line-height: 1.5715;
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;
5553
5545
  -webkit-transition: all 0.3s;
5554
5546
  transition: all 0.3s;
5547
+ content: ' ';
5555
5548
  }
5556
- .ant-menu-horizontal .ant-menu-submenu {
5557
- -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5558
- transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5559
- }
5560
- .ant-menu-submenu,
5561
- .ant-menu-submenu-inline {
5562
- -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
5563
- transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
5549
+ .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
5550
+ opacity: 1;
5564
5551
  }
5565
- .ant-menu-submenu-selected {
5566
- color: #1890ff;
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;
5567
5563
  }
5568
- .ant-menu-item:active,
5569
- .ant-menu-submenu-title:active {
5570
- background: #e6f7ff;
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;
5571
5575
  }
5572
- .ant-menu-submenu .ant-menu-sub {
5573
- cursor: initial;
5574
- -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5575
- transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
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;
5576
5580
  }
5577
- .ant-menu-title-content {
5578
- -webkit-transition: color 0.3s;
5579
- transition: color 0.3s;
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;
5580
5584
  }
5581
- .ant-menu-item a {
5582
- color: rgba(0, 0, 0, 0.85);
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;
5583
5593
  }
5584
- .ant-menu-item a:hover {
5585
- color: #1890ff;
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;
5586
5600
  }
5587
- .ant-menu-item a::before {
5601
+ .ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
5588
5602
  position: absolute;
5589
- top: 0;
5590
- right: 0;
5591
- bottom: 0;
5592
- left: 0;
5593
- background-color: transparent;
5594
- content: '';
5595
- }
5596
- .ant-menu-item > .ant-badge a {
5597
- color: rgba(0, 0, 0, 0.85);
5603
+ bottom: 10px;
5604
+ display: block;
5598
5605
  }
5599
- .ant-menu-item > .ant-badge a:hover {
5600
- color: #1890ff;
5606
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
5607
+ background-color: #fafafa;
5601
5608
  }
5602
- .ant-menu-item-divider {
5603
- overflow: hidden;
5604
- line-height: 0;
5605
- border-color: #f0f0f0;
5606
- border-style: solid;
5607
- border-width: 1px 0 0;
5609
+ .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
5610
+ height: auto;
5608
5611
  }
5609
- .ant-menu-item-divider-dashed {
5610
- border-style: dashed;
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;
5611
5616
  }
5612
- .ant-menu-horizontal .ant-menu-item,
5613
- .ant-menu-horizontal .ant-menu-submenu {
5614
- margin-top: -1px;
5617
+ .ant-upload-list-picture-card .ant-upload-list-item-progress {
5618
+ bottom: 32px;
5619
+ width: calc(100% - 14px);
5620
+ padding-left: 0;
5615
5621
  }
5616
- .ant-menu-horizontal > .ant-menu-item:hover,
5617
- .ant-menu-horizontal > .ant-menu-item-active,
5618
- .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
5619
- background-color: transparent;
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;
5620
5626
  }
5621
- .ant-menu-item-selected {
5622
- color: #1890ff;
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: '';
5623
5633
  }
5624
- .ant-menu-item-selected a,
5625
- .ant-menu-item-selected a:hover {
5626
- color: #1890ff;
5627
- }
5628
- .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
5629
- background-color: #e6f7ff;
5630
- }
5631
- .ant-menu-inline,
5632
- .ant-menu-vertical,
5633
- .ant-menu-vertical-left {
5634
- border-right: 1px solid #f0f0f0;
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;
5635
5640
  }
5636
- .ant-menu-vertical-right {
5637
- border-left: 1px solid #f0f0f0;
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;
5638
5649
  }
5639
- .ant-menu-vertical.ant-menu-sub,
5640
- .ant-menu-vertical-left.ant-menu-sub,
5641
- .ant-menu-vertical-right.ant-menu-sub {
5642
- min-width: 160px;
5643
- max-height: calc(100vh - 100px);
5644
- padding: 0;
5645
- overflow: hidden;
5646
- border-right: 0;
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;
5647
5655
  }
5648
- .ant-menu-vertical.ant-menu-sub:not([class*='-active']),
5649
- .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
5650
- .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
5651
- overflow-x: hidden;
5652
- overflow-y: auto;
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;
5661
+ margin: 0;
5662
+ padding: 0 8px;
5653
5663
  }
5654
- .ant-menu-vertical.ant-menu-sub .ant-menu-item,
5655
- .ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
5656
- .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
5657
- left: 0;
5658
- margin-left: 0;
5659
- border-right: 0;
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;
5660
5667
  }
5661
- .ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
5662
- .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
5663
- .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
5664
- border-right: 0;
5668
+ .ant-upload-list-text .ant-upload-text-icon .anticon {
5669
+ position: static;
5665
5670
  }
5666
- .ant-menu-vertical.ant-menu-sub > .ant-menu-item,
5667
- .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
5668
- .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
5669
- .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
5670
- .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
5671
- .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
5672
- -webkit-transform-origin: 0 0;
5673
- transform-origin: 0 0;
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);
5678
+ }
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;
5683
+ }
5684
+ .ant-upload-list .ant-upload-animate-inline-leave {
5685
+ -webkit-animation-name: uploadAnimateInlineOut;
5686
+ animation-name: uploadAnimateInlineOut;
5687
+ }
5688
+ @-webkit-keyframes uploadAnimateInlineIn {
5689
+ from {
5690
+ width: 0;
5691
+ height: 0;
5692
+ margin: 0;
5693
+ padding: 0;
5694
+ opacity: 0;
5695
+ }
5674
5696
  }
5675
- .ant-menu-horizontal.ant-menu-sub {
5676
- min-width: 114px;
5697
+ @keyframes uploadAnimateInlineIn {
5698
+ from {
5699
+ width: 0;
5700
+ height: 0;
5701
+ margin: 0;
5702
+ padding: 0;
5703
+ opacity: 0;
5704
+ }
5677
5705
  }
5678
- .ant-menu-horizontal .ant-menu-item,
5679
- .ant-menu-horizontal .ant-menu-submenu-title {
5680
- -webkit-transition: border-color 0.3s, background 0.3s;
5681
- transition: border-color 0.3s, background 0.3s;
5706
+ @-webkit-keyframes uploadAnimateInlineOut {
5707
+ to {
5708
+ width: 0;
5709
+ height: 0;
5710
+ margin: 0;
5711
+ padding: 0;
5712
+ opacity: 0;
5713
+ }
5682
5714
  }
5683
- .ant-menu-item,
5684
- .ant-menu-submenu-title {
5685
- position: relative;
5686
- display: block;
5687
- margin: 0;
5688
- padding: 0 20px;
5689
- white-space: nowrap;
5690
- cursor: pointer;
5691
- -webkit-transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5692
- transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5715
+ @keyframes uploadAnimateInlineOut {
5716
+ to {
5717
+ width: 0;
5718
+ height: 0;
5719
+ margin: 0;
5720
+ padding: 0;
5721
+ opacity: 0;
5722
+ }
5693
5723
  }
5694
- .ant-menu-item .ant-menu-item-icon,
5695
- .ant-menu-submenu-title .ant-menu-item-icon,
5696
- .ant-menu-item .anticon,
5697
- .ant-menu-submenu-title .anticon {
5698
- min-width: 14px;
5699
- font-size: 14px;
5700
- -webkit-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
5701
- transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
5724
+ .ant-upload-rtl {
5725
+ direction: rtl;
5702
5726
  }
5703
- .ant-menu-item .ant-menu-item-icon + span,
5704
- .ant-menu-submenu-title .ant-menu-item-icon + span,
5705
- .ant-menu-item .anticon + span,
5706
- .ant-menu-submenu-title .anticon + span {
5707
- margin-left: 10px;
5708
- opacity: 1;
5709
- -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
5710
- transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
5727
+ .ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
5728
+ margin-right: auto;
5729
+ margin-left: 8px;
5711
5730
  }
5712
- .ant-menu-item .ant-menu-item-icon.svg,
5713
- .ant-menu-submenu-title .ant-menu-item-icon.svg {
5714
- vertical-align: -0.125em;
5731
+ .ant-upload-list-rtl {
5732
+ direction: rtl;
5715
5733
  }
5716
- .ant-menu-item.ant-menu-item-only-child > .anticon,
5717
- .ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
5718
- .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
5719
- .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
5720
- margin-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;
5721
5737
  }
5722
- .ant-menu-item:focus-visible,
5723
- .ant-menu-submenu-title:focus-visible {
5724
- -webkit-box-shadow: 0 0 0 2px #e6f7ff;
5725
- box-shadow: 0 0 0 2px #e6f7ff;
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;
5726
5741
  }
5727
- .ant-menu > .ant-menu-item-divider {
5728
- margin: 1px 0;
5729
- padding: 0;
5742
+ .ant-upload-list-rtl .ant-upload-list-item-name {
5743
+ padding-right: 22px;
5744
+ padding-left: 0;
5730
5745
  }
5731
- .ant-menu-submenu-popup {
5732
- position: absolute;
5733
- z-index: 1050;
5734
- background: transparent;
5735
- border-radius: 2px;
5736
- -webkit-box-shadow: none;
5737
- box-shadow: none;
5738
- -webkit-transform-origin: 0 0;
5739
- transform-origin: 0 0;
5746
+ .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
5747
+ padding-left: 14px;
5740
5748
  }
5741
- .ant-menu-submenu-popup::before {
5742
- position: absolute;
5743
- top: -7px;
5744
- right: 0;
5745
- bottom: 0;
5749
+ .ant-upload-list-rtl .ant-upload-list-item-card-actions {
5750
+ right: auto;
5746
5751
  left: 0;
5747
- z-index: -1;
5748
- width: 100%;
5749
- height: 100%;
5750
- opacity: 0.0001;
5751
- content: ' ';
5752
5752
  }
5753
- .ant-menu-submenu-placement-rightTop::before {
5754
- top: 0;
5755
- left: -7px;
5753
+ .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
5754
+ padding-right: 0;
5755
+ padding-left: 5px;
5756
5756
  }
5757
- .ant-menu-submenu > .ant-menu {
5758
- background-color: #fff;
5759
- border-radius: 2px;
5757
+ .ant-upload-list-rtl .ant-upload-list-item-info {
5758
+ padding: 0 4px 0 12px;
5760
5759
  }
5761
- .ant-menu-submenu > .ant-menu-submenu-title::after {
5762
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5763
- transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5764
- transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5765
- transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5760
+ .ant-upload-list-rtl .ant-upload-list-item .anticon-close {
5761
+ right: auto;
5762
+ left: 4px;
5766
5763
  }
5767
- .ant-menu-submenu-popup > .ant-menu {
5768
- background-color: #fff;
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;
5769
5767
  }
5770
- .ant-menu-submenu-expand-icon,
5771
- .ant-menu-submenu-arrow {
5772
- position: absolute;
5773
- top: 50%;
5774
- right: 16px;
5775
- width: 10px;
5776
- color: rgba(0, 0, 0, 0.85);
5777
- -webkit-transform: translateY(-50%);
5778
- transform: translateY(-50%);
5779
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5780
- transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5781
- transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5782
- transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5768
+ .ant-upload-list-rtl .ant-upload-list-item-progress {
5769
+ padding-right: 26px;
5770
+ padding-left: 0;
5783
5771
  }
5784
- .ant-menu-submenu-arrow::before,
5785
- .ant-menu-submenu-arrow::after {
5786
- position: absolute;
5787
- width: 6px;
5788
- height: 1.5px;
5789
- background-color: currentColor;
5790
- border-radius: 2px;
5791
- -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5792
- transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5793
- transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5794
- transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5795
- content: '';
5772
+ .ant-upload-list-picture .ant-upload-list-item-info,
5773
+ .ant-upload-list-picture-card .ant-upload-list-item-info {
5774
+ padding: 0;
5796
5775
  }
5797
- .ant-menu-submenu-arrow::before {
5798
- -webkit-transform: rotate(45deg) translateY(-2.5px);
5799
- transform: rotate(45deg) translateY(-2.5px);
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;
5800
5780
  }
5801
- .ant-menu-submenu-arrow::after {
5802
- -webkit-transform: rotate(-45deg) translateY(2.5px);
5803
- transform: rotate(-45deg) translateY(2.5px);
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%);
5804
5787
  }
5805
- .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
5806
- .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
5807
- color: #1890ff;
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;
5808
5793
  }
5809
- .ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
5810
- .ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
5811
- -webkit-transform: rotate(-45deg) translateX(2.5px);
5812
- transform: rotate(-45deg) translateX(2.5px);
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;
5813
5798
  }
5814
- .ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
5815
- .ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
5816
- -webkit-transform: rotate(45deg) translateX(-2.5px);
5817
- transform: rotate(45deg) translateX(-2.5px);
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;
5818
5803
  }
5819
- .ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
5820
- display: none;
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;
5821
5808
  }
5822
- .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
5823
- -webkit-transform: translateY(-2px);
5824
- transform: translateY(-2px);
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;
5825
5813
  }
5826
- .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
5827
- -webkit-transform: rotate(-45deg) translateX(-2.5px);
5828
- transform: rotate(-45deg) translateX(-2.5px);
5814
+ .ant-upload-list-rtl .ant-upload-list-picture-card-container {
5815
+ margin: 0 0 8px 8px;
5829
5816
  }
5830
- .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
5831
- -webkit-transform: rotate(45deg) translateX(2.5px);
5832
- transform: rotate(45deg) translateX(2.5px);
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%);
5833
5822
  }
5834
- .ant-menu-vertical .ant-menu-submenu-selected,
5835
- .ant-menu-vertical-left .ant-menu-submenu-selected,
5836
- .ant-menu-vertical-right .ant-menu-submenu-selected {
5837
- color: #1890ff;
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;
5838
5826
  }
5839
- .ant-menu-horizontal {
5840
- line-height: 46px;
5841
- border: 0;
5842
- border-bottom: 1px solid #f0f0f0;
5843
- -webkit-box-shadow: none;
5844
- box-shadow: none;
5827
+ .pandora-sdk-file-resumable {
5828
+ cursor: pointer;
5845
5829
  }
5846
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
5847
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
5848
- margin-top: -1px;
5849
- margin-bottom: 0;
5850
- padding: 0 20px;
5830
+ .pandora-sdk-file-resumable-run-container {
5831
+ text-align: right;
5851
5832
  }
5852
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
5853
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
5854
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
5855
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
5856
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
5857
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
5858
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
5859
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
5860
- color: #1890ff;
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;
5861
5838
  }
5862
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
5863
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
5864
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
5865
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
5866
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
5867
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
5868
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
5869
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
5870
- border-bottom: 2px solid #1890ff;
5839
+ .pandora-sdk-file-resumable-run-container .pandora-sdk-file-resumable-run-container-icon-disabled {
5840
+ color: #d9d9d9;
5871
5841
  }
5872
- .ant-menu-horizontal > .ant-menu-item,
5873
- .ant-menu-horizontal > .ant-menu-submenu {
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;
5874
5868
  position: relative;
5875
- top: 1px;
5876
- display: inline-block;
5877
- vertical-align: bottom;
5869
+ font-size: 16px;
5870
+ display: -webkit-box;
5871
+ display: -ms-flexbox;
5872
+ display: flex;
5873
+ -webkit-box-pack: center;
5874
+ -ms-flex-pack: center;
5875
+ justify-content: center;
5878
5876
  }
5879
- .ant-menu-horizontal > .ant-menu-item::after,
5880
- .ant-menu-horizontal > .ant-menu-submenu::after {
5877
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator {
5878
+ display: -webkit-box;
5879
+ display: -ms-flexbox;
5880
+ display: flex;
5881
+ -webkit-box-pack: center;
5882
+ -ms-flex-pack: center;
5883
+ justify-content: center;
5884
+ -webkit-box-align: center;
5885
+ -ms-flex-align: center;
5886
+ align-items: center;
5881
5887
  position: absolute;
5882
- right: 20px;
5883
- bottom: 0;
5884
- left: 20px;
5885
- border-bottom: 2px solid transparent;
5886
- -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5887
- transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5888
- content: '';
5888
+ top: 4px;
5889
+ left: 4px;
5890
+ right: 4px;
5891
+ bottom: 4px;
5889
5892
  }
5890
- .ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
5891
- padding: 0;
5893
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-operator .anticon {
5894
+ font-size: 16px;
5892
5895
  }
5893
- .ant-menu-horizontal > .ant-menu-item a {
5894
- color: rgba(0, 0, 0, 0.85);
5896
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-hidden-plus-icon {
5897
+ display: none;
5895
5898
  }
5896
- .ant-menu-horizontal > .ant-menu-item a:hover {
5897
- color: #1890ff;
5899
+ .pandora-sdk-file-resumable-img-container .pandora-sdk-file-resumable-img-box {
5900
+ max-width: 100%;
5901
+ max-height: 100%;
5902
+ padding: 4px;
5898
5903
  }
5899
- .ant-menu-horizontal > .ant-menu-item a::before {
5900
- bottom: -2px;
5904
+ .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator {
5905
+ background: rgba(51, 51, 51, 0.7);
5906
+ display: -webkit-box;
5907
+ display: -ms-flexbox;
5908
+ display: flex;
5901
5909
  }
5902
- .ant-menu-horizontal > .ant-menu-item-selected a {
5903
- color: #1890ff;
5910
+ .pandora-sdk-file-resumable-img-container:hover .pandora-sdk-file-resumable-img-operator .anticon {
5911
+ font-size: 16px;
5912
+ color: #d9d9d9;
5904
5913
  }
5905
- .ant-menu-horizontal::after {
5906
- display: block;
5907
- clear: both;
5908
- height: 0;
5909
- content: '\20';
5914
+ .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag {
5915
+ width: 50px;
5916
+ height: 50px;
5917
+ border: none;
5910
5918
  }
5911
- .ant-menu-vertical .ant-menu-item,
5912
- .ant-menu-vertical-left .ant-menu-item,
5913
- .ant-menu-vertical-right .ant-menu-item,
5914
- .ant-menu-inline .ant-menu-item {
5915
- position: relative;
5919
+ .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag .ant-upload-btn {
5920
+ padding: 0;
5916
5921
  }
5917
- .ant-menu-vertical .ant-menu-item::after,
5918
- .ant-menu-vertical-left .ant-menu-item::after,
5919
- .ant-menu-vertical-right .ant-menu-item::after,
5920
- .ant-menu-inline .ant-menu-item::after {
5921
- position: absolute;
5922
- top: 0;
5923
- right: 0;
5924
- bottom: 0;
5925
- border-right: 3px solid #1890ff;
5926
- -webkit-transform: scaleY(0.0001);
5927
- transform: scaleY(0.0001);
5928
- opacity: 0;
5929
- -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
5930
- transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
5931
- transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
5932
- transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
5933
- content: '';
5922
+ .ant-input[disabled] {
5923
+ border-color: #d9d9d9;
5934
5924
  }
5935
- .ant-menu-vertical .ant-menu-item,
5936
- .ant-menu-vertical-left .ant-menu-item,
5937
- .ant-menu-vertical-right .ant-menu-item,
5938
- .ant-menu-inline .ant-menu-item,
5939
- .ant-menu-vertical .ant-menu-submenu-title,
5940
- .ant-menu-vertical-left .ant-menu-submenu-title,
5941
- .ant-menu-vertical-right .ant-menu-submenu-title,
5942
- .ant-menu-inline .ant-menu-submenu-title {
5943
- height: 40px;
5944
- margin-top: 4px;
5945
- margin-bottom: 4px;
5946
- padding: 0 16px;
5925
+ .ant-input-group-addon {
5926
+ color: #666;
5927
+ }
5928
+ .pandora-sdk-key-value-label,
5929
+ .pandora-sdk-key-value-value {
5930
+ display: inline-block;
5947
5931
  overflow: hidden;
5948
- line-height: 40px;
5949
5932
  text-overflow: ellipsis;
5933
+ white-space: nowrap;
5934
+ line-height: 1.8;
5935
+ vertical-align: middle;
5950
5936
  }
5951
- .ant-menu-vertical .ant-menu-submenu,
5952
- .ant-menu-vertical-left .ant-menu-submenu,
5953
- .ant-menu-vertical-right .ant-menu-submenu,
5954
- .ant-menu-inline .ant-menu-submenu {
5955
- padding-bottom: 0.02px;
5956
- }
5957
- .ant-menu-vertical .ant-menu-item:not(:last-child),
5958
- .ant-menu-vertical-left .ant-menu-item:not(:last-child),
5959
- .ant-menu-vertical-right .ant-menu-item:not(:last-child),
5960
- .ant-menu-inline .ant-menu-item:not(:last-child) {
5961
- margin-bottom: 8px;
5962
- }
5963
- .ant-menu-vertical > .ant-menu-item,
5964
- .ant-menu-vertical-left > .ant-menu-item,
5965
- .ant-menu-vertical-right > .ant-menu-item,
5966
- .ant-menu-inline > .ant-menu-item,
5967
- .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
5968
- .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
5969
- .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
5970
- .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
5971
- height: 40px;
5972
- line-height: 40px;
5973
- }
5974
- .ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
5975
- .ant-menu-vertical .ant-menu-submenu-title {
5976
- padding-right: 34px;
5937
+ .pandora-sdk-key-value-label {
5938
+ color: #666;
5939
+ width: 30%;
5977
5940
  }
5978
- .ant-menu-inline {
5979
- width: 100%;
5941
+ .pandora-sdk-key-value-value {
5942
+ color: #333;
5943
+ width: 70%;
5980
5944
  }
5981
- .ant-menu-inline .ant-menu-selected::after,
5982
- .ant-menu-inline .ant-menu-item-selected::after {
5983
- -webkit-transform: scaleY(1);
5984
- transform: scaleY(1);
5985
- opacity: 1;
5986
- -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
5987
- transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
5988
- transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
5989
- transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
5945
+ .ant-menu-item-danger.ant-menu-item {
5946
+ color: #ff4d4f;
5990
5947
  }
5991
- .ant-menu-inline .ant-menu-item,
5992
- .ant-menu-inline .ant-menu-submenu-title {
5993
- width: calc(100% + 1px);
5948
+ .ant-menu-item-danger.ant-menu-item:hover,
5949
+ .ant-menu-item-danger.ant-menu-item-active {
5950
+ color: #ff4d4f;
5994
5951
  }
5995
- .ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
5996
- .ant-menu-inline .ant-menu-submenu-title {
5997
- padding-right: 34px;
5952
+ .ant-menu-item-danger.ant-menu-item:active {
5953
+ background: #fff1f0;
5998
5954
  }
5999
- .ant-menu-inline.ant-menu-root .ant-menu-item,
6000
- .ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
6001
- display: -webkit-box;
6002
- display: -ms-flexbox;
6003
- display: flex;
6004
- -webkit-box-align: center;
6005
- -ms-flex-align: center;
6006
- align-items: center;
6007
- -webkit-transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
6008
- transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
5955
+ .ant-menu-item-danger.ant-menu-item-selected {
5956
+ color: #ff4d4f;
6009
5957
  }
6010
- .ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
6011
- .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
6012
- -webkit-box-flex: 1;
6013
- -ms-flex: auto;
6014
- flex: auto;
6015
- min-width: 0;
6016
- overflow: hidden;
6017
- text-overflow: ellipsis;
5958
+ .ant-menu-item-danger.ant-menu-item-selected > a,
5959
+ .ant-menu-item-danger.ant-menu-item-selected > a:hover {
5960
+ color: #ff4d4f;
6018
5961
  }
6019
- .ant-menu-inline.ant-menu-root .ant-menu-item > *,
6020
- .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
6021
- -webkit-box-flex: 0;
6022
- -ms-flex: none;
6023
- flex: none;
5962
+ .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
5963
+ background-color: #fff1f0;
6024
5964
  }
6025
- .ant-menu.ant-menu-inline-collapsed {
6026
- width: 80px;
5965
+ .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
5966
+ border-right-color: #ff4d4f;
6027
5967
  }
6028
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
6029
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
6030
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
6031
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
6032
- left: 0;
6033
- padding: 0 calc(50% - 16px / 2);
6034
- text-overflow: clip;
5968
+ .ant-menu-dark .ant-menu-item-danger.ant-menu-item,
5969
+ .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
5970
+ .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
5971
+ color: #ff4d4f;
6035
5972
  }
6036
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
6037
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
6038
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
6039
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
6040
- opacity: 0;
5973
+ .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
5974
+ color: #fff;
5975
+ background-color: #ff4d4f;
6041
5976
  }
6042
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
6043
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
6044
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
6045
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
6046
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
6047
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
6048
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
6049
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
5977
+ .ant-menu {
5978
+ -webkit-box-sizing: border-box;
5979
+ box-sizing: border-box;
6050
5980
  margin: 0;
6051
- font-size: 16px;
6052
- line-height: 40px;
6053
- }
6054
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
6055
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
6056
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
6057
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
6058
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
6059
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
6060
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
6061
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
6062
- display: inline-block;
6063
- opacity: 0;
6064
- }
6065
- .ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
6066
- .ant-menu.ant-menu-inline-collapsed .anticon {
6067
- display: inline-block;
6068
- }
6069
- .ant-menu.ant-menu-inline-collapsed-tooltip {
6070
- pointer-events: none;
5981
+ padding: 0;
5982
+ font-variant: tabular-nums;
5983
+ line-height: 1.5715;
5984
+ -webkit-font-feature-settings: 'tnum';
5985
+ font-feature-settings: 'tnum';
5986
+ margin-bottom: 0;
5987
+ padding-left: 0;
5988
+ color: rgba(0, 0, 0, 0.85);
5989
+ font-size: 14px;
5990
+ line-height: 0;
5991
+ text-align: left;
5992
+ list-style: none;
5993
+ background: #fff;
5994
+ outline: none;
5995
+ -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);
5996
+ 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);
5997
+ -webkit-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
5998
+ transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
6071
5999
  }
6072
- .ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
6073
- .ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
6074
- display: none;
6000
+ .ant-menu::before {
6001
+ display: table;
6002
+ content: '';
6075
6003
  }
6076
- .ant-menu.ant-menu-inline-collapsed-tooltip a {
6077
- color: rgba(255, 255, 255, 0.85);
6004
+ .ant-menu::after {
6005
+ display: table;
6006
+ clear: both;
6007
+ content: '';
6078
6008
  }
6079
- .ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
6080
- padding-right: 4px;
6081
- padding-left: 4px;
6082
- overflow: hidden;
6083
- white-space: nowrap;
6084
- text-overflow: ellipsis;
6009
+ .ant-menu.ant-menu-root:focus-visible {
6010
+ -webkit-box-shadow: 0 0 0 2px #e6f7ff;
6011
+ box-shadow: 0 0 0 2px #e6f7ff;
6085
6012
  }
6086
- .ant-menu-item-group-list {
6013
+ .ant-menu ul,
6014
+ .ant-menu ol {
6087
6015
  margin: 0;
6088
6016
  padding: 0;
6017
+ list-style: none;
6089
6018
  }
6090
- .ant-menu-item-group-list .ant-menu-item,
6091
- .ant-menu-item-group-list .ant-menu-submenu-title {
6092
- padding: 0 16px 0 28px;
6019
+ .ant-menu-overflow {
6020
+ display: -webkit-box;
6021
+ display: -ms-flexbox;
6022
+ display: flex;
6093
6023
  }
6094
- .ant-menu-root.ant-menu-vertical,
6095
- .ant-menu-root.ant-menu-vertical-left,
6096
- .ant-menu-root.ant-menu-vertical-right,
6097
- .ant-menu-root.ant-menu-inline {
6098
- -webkit-box-shadow: none;
6099
- box-shadow: none;
6024
+ .ant-menu-overflow-item {
6025
+ -webkit-box-flex: 0;
6026
+ -ms-flex: none;
6027
+ flex: none;
6100
6028
  }
6101
- .ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
6102
- .ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
6103
- font-size: 16px;
6104
- text-align: center;
6029
+ .ant-menu-hidden,
6030
+ .ant-menu-submenu-hidden {
6031
+ display: none;
6105
6032
  }
6106
- .ant-menu-sub.ant-menu-inline {
6107
- padding: 0;
6108
- background: #fafafa;
6109
- border: 0;
6110
- border-radius: 0;
6111
- -webkit-box-shadow: none;
6112
- box-shadow: none;
6033
+ .ant-menu-item-group-title {
6034
+ height: 1.5715;
6035
+ padding: 8px 16px;
6036
+ color: rgba(0, 0, 0, 0.45);
6037
+ font-size: 14px;
6038
+ line-height: 1.5715;
6039
+ -webkit-transition: all 0.3s;
6040
+ transition: all 0.3s;
6113
6041
  }
6114
- .ant-menu-sub.ant-menu-inline > .ant-menu-item,
6115
- .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
6116
- height: 40px;
6117
- line-height: 40px;
6118
- list-style-position: inside;
6119
- list-style-type: disc;
6042
+ .ant-menu-horizontal .ant-menu-submenu {
6043
+ -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6044
+ transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6120
6045
  }
6121
- .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
6122
- padding-left: 32px;
6046
+ .ant-menu-submenu,
6047
+ .ant-menu-submenu-inline {
6048
+ -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
6049
+ transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
6123
6050
  }
6124
- .ant-menu-item-disabled,
6125
- .ant-menu-submenu-disabled {
6126
- color: rgba(0, 0, 0, 0.25) !important;
6127
- background: none;
6128
- cursor: not-allowed;
6051
+ .ant-menu-submenu-selected {
6052
+ color: #1890ff;
6129
6053
  }
6130
- .ant-menu-item-disabled::after,
6131
- .ant-menu-submenu-disabled::after {
6132
- border-color: transparent !important;
6054
+ .ant-menu-item:active,
6055
+ .ant-menu-submenu-title:active {
6056
+ background: #e6f7ff;
6133
6057
  }
6134
- .ant-menu-item-disabled a,
6135
- .ant-menu-submenu-disabled a {
6136
- color: rgba(0, 0, 0, 0.25) !important;
6137
- pointer-events: none;
6058
+ .ant-menu-submenu .ant-menu-sub {
6059
+ cursor: initial;
6060
+ -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6061
+ transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6138
6062
  }
6139
- .ant-menu-item-disabled > .ant-menu-submenu-title,
6140
- .ant-menu-submenu-disabled > .ant-menu-submenu-title {
6141
- color: rgba(0, 0, 0, 0.25) !important;
6142
- cursor: not-allowed;
6063
+ .ant-menu-title-content {
6064
+ -webkit-transition: color 0.3s;
6065
+ transition: color 0.3s;
6143
6066
  }
6144
- .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6145
- .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6146
- .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6147
- .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
6148
- background: rgba(0, 0, 0, 0.25) !important;
6067
+ .ant-menu-item a {
6068
+ color: rgba(0, 0, 0, 0.85);
6149
6069
  }
6150
- .ant-layout-header .ant-menu {
6151
- line-height: inherit;
6070
+ .ant-menu-item a:hover {
6071
+ color: #1890ff;
6152
6072
  }
6153
- .ant-menu-inline-collapsed-tooltip a,
6154
- .ant-menu-inline-collapsed-tooltip a:hover {
6155
- color: #fff;
6073
+ .ant-menu-item a::before {
6074
+ position: absolute;
6075
+ top: 0;
6076
+ right: 0;
6077
+ bottom: 0;
6078
+ left: 0;
6079
+ background-color: transparent;
6080
+ content: '';
6156
6081
  }
6157
- .ant-menu-light .ant-menu-item:hover,
6158
- .ant-menu-light .ant-menu-item-active,
6159
- .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
6160
- .ant-menu-light .ant-menu-submenu-active,
6161
- .ant-menu-light .ant-menu-submenu-title:hover {
6162
- color: #1890ff;
6082
+ .ant-menu-item > .ant-badge a {
6083
+ color: rgba(0, 0, 0, 0.85);
6163
6084
  }
6164
- .ant-menu.ant-menu-dark,
6165
- .ant-menu-dark .ant-menu-sub,
6166
- .ant-menu.ant-menu-dark .ant-menu-sub {
6167
- color: rgba(255, 255, 255, 0.65);
6168
- background: #001529;
6085
+ .ant-menu-item > .ant-badge a:hover {
6086
+ color: #1890ff;
6169
6087
  }
6170
- .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
6171
- .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
6172
- .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
6173
- opacity: 0.45;
6174
- -webkit-transition: all 0.3s;
6175
- transition: all 0.3s;
6088
+ .ant-menu-item-divider {
6089
+ overflow: hidden;
6090
+ line-height: 0;
6091
+ border-color: #f0f0f0;
6092
+ border-style: solid;
6093
+ border-width: 1px 0 0;
6176
6094
  }
6177
- .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6178
- .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6179
- .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6180
- .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
6181
- .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
6182
- .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
6183
- background: #fff;
6095
+ .ant-menu-item-divider-dashed {
6096
+ border-style: dashed;
6184
6097
  }
6185
- .ant-menu-dark.ant-menu-submenu-popup {
6186
- background: transparent;
6098
+ .ant-menu-horizontal .ant-menu-item,
6099
+ .ant-menu-horizontal .ant-menu-submenu {
6100
+ margin-top: -1px;
6187
6101
  }
6188
- .ant-menu-dark .ant-menu-inline.ant-menu-sub {
6189
- background: #000c17;
6102
+ .ant-menu-horizontal > .ant-menu-item:hover,
6103
+ .ant-menu-horizontal > .ant-menu-item-active,
6104
+ .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
6105
+ background-color: transparent;
6190
6106
  }
6191
- .ant-menu-dark.ant-menu-horizontal {
6192
- border-bottom: 0;
6107
+ .ant-menu-item-selected {
6108
+ color: #1890ff;
6193
6109
  }
6194
- .ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
6195
- .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
6196
- top: 0;
6197
- margin-top: 0;
6198
- padding: 0 20px;
6199
- border-color: #001529;
6200
- border-bottom: 0;
6110
+ .ant-menu-item-selected a,
6111
+ .ant-menu-item-selected a:hover {
6112
+ color: #1890ff;
6201
6113
  }
6202
- .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
6203
- background-color: #1890ff;
6114
+ .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
6115
+ background-color: #e6f7ff;
6204
6116
  }
6205
- .ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
6206
- bottom: 0;
6117
+ .ant-menu-inline,
6118
+ .ant-menu-vertical,
6119
+ .ant-menu-vertical-left {
6120
+ border-right: 1px solid #f0f0f0;
6207
6121
  }
6208
- .ant-menu-dark .ant-menu-item,
6209
- .ant-menu-dark .ant-menu-item-group-title,
6210
- .ant-menu-dark .ant-menu-item > a,
6211
- .ant-menu-dark .ant-menu-item > span > a {
6212
- color: rgba(255, 255, 255, 0.65);
6122
+ .ant-menu-vertical-right {
6123
+ border-left: 1px solid #f0f0f0;
6213
6124
  }
6214
- .ant-menu-dark.ant-menu-inline,
6215
- .ant-menu-dark.ant-menu-vertical,
6216
- .ant-menu-dark.ant-menu-vertical-left,
6217
- .ant-menu-dark.ant-menu-vertical-right {
6125
+ .ant-menu-vertical.ant-menu-sub,
6126
+ .ant-menu-vertical-left.ant-menu-sub,
6127
+ .ant-menu-vertical-right.ant-menu-sub {
6128
+ min-width: 160px;
6129
+ max-height: calc(100vh - 100px);
6130
+ padding: 0;
6131
+ overflow: hidden;
6218
6132
  border-right: 0;
6219
6133
  }
6220
- .ant-menu-dark.ant-menu-inline .ant-menu-item,
6221
- .ant-menu-dark.ant-menu-vertical .ant-menu-item,
6222
- .ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
6223
- .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
6134
+ .ant-menu-vertical.ant-menu-sub:not([class*='-active']),
6135
+ .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
6136
+ .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
6137
+ overflow-x: hidden;
6138
+ overflow-y: auto;
6139
+ }
6140
+ .ant-menu-vertical.ant-menu-sub .ant-menu-item,
6141
+ .ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
6142
+ .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
6224
6143
  left: 0;
6225
6144
  margin-left: 0;
6226
6145
  border-right: 0;
6227
6146
  }
6228
- .ant-menu-dark.ant-menu-inline .ant-menu-item::after,
6229
- .ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
6230
- .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
6231
- .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
6147
+ .ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
6148
+ .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
6149
+ .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
6232
6150
  border-right: 0;
6233
6151
  }
6234
- .ant-menu-dark.ant-menu-inline .ant-menu-item,
6235
- .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
6236
- width: 100%;
6152
+ .ant-menu-vertical.ant-menu-sub > .ant-menu-item,
6153
+ .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
6154
+ .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
6155
+ .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
6156
+ .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
6157
+ .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
6158
+ -webkit-transform-origin: 0 0;
6159
+ transform-origin: 0 0;
6237
6160
  }
6238
- .ant-menu-dark .ant-menu-item:hover,
6239
- .ant-menu-dark .ant-menu-item-active,
6240
- .ant-menu-dark .ant-menu-submenu-active,
6241
- .ant-menu-dark .ant-menu-submenu-open,
6242
- .ant-menu-dark .ant-menu-submenu-selected,
6243
- .ant-menu-dark .ant-menu-submenu-title:hover {
6244
- color: #fff;
6245
- background-color: transparent;
6161
+ .ant-menu-horizontal.ant-menu-sub {
6162
+ min-width: 114px;
6246
6163
  }
6247
- .ant-menu-dark .ant-menu-item:hover > a,
6248
- .ant-menu-dark .ant-menu-item-active > a,
6249
- .ant-menu-dark .ant-menu-submenu-active > a,
6250
- .ant-menu-dark .ant-menu-submenu-open > a,
6251
- .ant-menu-dark .ant-menu-submenu-selected > a,
6252
- .ant-menu-dark .ant-menu-submenu-title:hover > a,
6253
- .ant-menu-dark .ant-menu-item:hover > span > a,
6254
- .ant-menu-dark .ant-menu-item-active > span > a,
6255
- .ant-menu-dark .ant-menu-submenu-active > span > a,
6256
- .ant-menu-dark .ant-menu-submenu-open > span > a,
6257
- .ant-menu-dark .ant-menu-submenu-selected > span > a,
6258
- .ant-menu-dark .ant-menu-submenu-title:hover > span > a {
6259
- color: #fff;
6164
+ .ant-menu-horizontal .ant-menu-item,
6165
+ .ant-menu-horizontal .ant-menu-submenu-title {
6166
+ -webkit-transition: border-color 0.3s, background 0.3s;
6167
+ transition: border-color 0.3s, background 0.3s;
6260
6168
  }
6261
- .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6262
- .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6263
- .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6264
- .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6265
- .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6266
- .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
6169
+ .ant-menu-item,
6170
+ .ant-menu-submenu-title {
6171
+ position: relative;
6172
+ display: block;
6173
+ margin: 0;
6174
+ padding: 0 20px;
6175
+ white-space: nowrap;
6176
+ cursor: pointer;
6177
+ -webkit-transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6178
+ transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6179
+ }
6180
+ .ant-menu-item .ant-menu-item-icon,
6181
+ .ant-menu-submenu-title .ant-menu-item-icon,
6182
+ .ant-menu-item .anticon,
6183
+ .ant-menu-submenu-title .anticon {
6184
+ min-width: 14px;
6185
+ font-size: 14px;
6186
+ -webkit-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
6187
+ transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
6188
+ }
6189
+ .ant-menu-item .ant-menu-item-icon + span,
6190
+ .ant-menu-submenu-title .ant-menu-item-icon + span,
6191
+ .ant-menu-item .anticon + span,
6192
+ .ant-menu-submenu-title .anticon + span {
6193
+ margin-left: 10px;
6267
6194
  opacity: 1;
6195
+ -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
6196
+ transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
6268
6197
  }
6269
- .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6270
- .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6271
- .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6272
- .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6273
- .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6274
- .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6275
- .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6276
- .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6277
- .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6278
- .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6279
- .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6280
- .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
6281
- background: #fff;
6198
+ .ant-menu-item .ant-menu-item-icon.svg,
6199
+ .ant-menu-submenu-title .ant-menu-item-icon.svg {
6200
+ vertical-align: -0.125em;
6282
6201
  }
6283
- .ant-menu-dark .ant-menu-item:hover {
6284
- background-color: transparent;
6202
+ .ant-menu-item.ant-menu-item-only-child > .anticon,
6203
+ .ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
6204
+ .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
6205
+ .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
6206
+ margin-right: 0;
6285
6207
  }
6286
- .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
6287
- background-color: #1890ff;
6208
+ .ant-menu-item:focus-visible,
6209
+ .ant-menu-submenu-title:focus-visible {
6210
+ -webkit-box-shadow: 0 0 0 2px #e6f7ff;
6211
+ box-shadow: 0 0 0 2px #e6f7ff;
6288
6212
  }
6289
- .ant-menu-dark .ant-menu-item-selected {
6290
- color: #fff;
6291
- border-right: 0;
6213
+ .ant-menu > .ant-menu-item-divider {
6214
+ margin: 1px 0;
6215
+ padding: 0;
6292
6216
  }
6293
- .ant-menu-dark .ant-menu-item-selected::after {
6294
- border-right: 0;
6217
+ .ant-menu-submenu-popup {
6218
+ position: absolute;
6219
+ z-index: 1050;
6220
+ background: transparent;
6221
+ border-radius: 2px;
6222
+ -webkit-box-shadow: none;
6223
+ box-shadow: none;
6224
+ -webkit-transform-origin: 0 0;
6225
+ transform-origin: 0 0;
6295
6226
  }
6296
- .ant-menu-dark .ant-menu-item-selected > a,
6297
- .ant-menu-dark .ant-menu-item-selected > span > a,
6298
- .ant-menu-dark .ant-menu-item-selected > a:hover,
6299
- .ant-menu-dark .ant-menu-item-selected > span > a:hover {
6300
- color: #fff;
6227
+ .ant-menu-submenu-popup::before {
6228
+ position: absolute;
6229
+ top: -7px;
6230
+ right: 0;
6231
+ bottom: 0;
6232
+ left: 0;
6233
+ z-index: -1;
6234
+ width: 100%;
6235
+ height: 100%;
6236
+ opacity: 0.0001;
6237
+ content: ' ';
6301
6238
  }
6302
- .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
6303
- .ant-menu-dark .ant-menu-item-selected .anticon {
6304
- color: #fff;
6239
+ .ant-menu-submenu-placement-rightTop::before {
6240
+ top: 0;
6241
+ left: -7px;
6305
6242
  }
6306
- .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
6307
- .ant-menu-dark .ant-menu-item-selected .anticon + span {
6308
- color: #fff;
6243
+ .ant-menu-submenu > .ant-menu {
6244
+ background-color: #fff;
6245
+ border-radius: 2px;
6309
6246
  }
6310
- .ant-menu.ant-menu-dark .ant-menu-item-selected,
6311
- .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
6312
- background-color: #1890ff;
6247
+ .ant-menu-submenu > .ant-menu-submenu-title::after {
6248
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6249
+ transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6250
+ transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6251
+ transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6313
6252
  }
6314
- .ant-menu-dark .ant-menu-item-disabled,
6315
- .ant-menu-dark .ant-menu-submenu-disabled,
6316
- .ant-menu-dark .ant-menu-item-disabled > a,
6317
- .ant-menu-dark .ant-menu-submenu-disabled > a,
6318
- .ant-menu-dark .ant-menu-item-disabled > span > a,
6319
- .ant-menu-dark .ant-menu-submenu-disabled > span > a {
6320
- color: rgba(255, 255, 255, 0.35) !important;
6321
- opacity: 0.8;
6253
+ .ant-menu-submenu-popup > .ant-menu {
6254
+ background-color: #fff;
6322
6255
  }
6323
- .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
6324
- .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
6325
- color: rgba(255, 255, 255, 0.35) !important;
6256
+ .ant-menu-submenu-expand-icon,
6257
+ .ant-menu-submenu-arrow {
6258
+ position: absolute;
6259
+ top: 50%;
6260
+ right: 16px;
6261
+ width: 10px;
6262
+ color: rgba(0, 0, 0, 0.85);
6263
+ -webkit-transform: translateY(-50%);
6264
+ transform: translateY(-50%);
6265
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6266
+ transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6267
+ transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6268
+ transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6326
6269
  }
6327
- .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6328
- .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6329
- .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6330
- .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
6331
- background: rgba(255, 255, 255, 0.35) !important;
6270
+ .ant-menu-submenu-arrow::before,
6271
+ .ant-menu-submenu-arrow::after {
6272
+ position: absolute;
6273
+ width: 6px;
6274
+ height: 1.5px;
6275
+ background-color: currentColor;
6276
+ border-radius: 2px;
6277
+ -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6278
+ transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6279
+ transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6280
+ transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6281
+ content: '';
6332
6282
  }
6333
- .ant-menu.ant-menu-rtl {
6334
- direction: rtl;
6335
- text-align: right;
6283
+ .ant-menu-submenu-arrow::before {
6284
+ -webkit-transform: rotate(45deg) translateY(-2.5px);
6285
+ transform: rotate(45deg) translateY(-2.5px);
6336
6286
  }
6337
- .ant-menu-rtl .ant-menu-item-group-title {
6338
- text-align: right;
6287
+ .ant-menu-submenu-arrow::after {
6288
+ -webkit-transform: rotate(-45deg) translateY(2.5px);
6289
+ transform: rotate(-45deg) translateY(2.5px);
6339
6290
  }
6340
- .ant-menu-rtl.ant-menu-inline,
6341
- .ant-menu-rtl.ant-menu-vertical {
6342
- border-right: none;
6343
- border-left: 1px solid #f0f0f0;
6291
+ .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
6292
+ .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
6293
+ color: #1890ff;
6344
6294
  }
6345
- .ant-menu-rtl.ant-menu-dark.ant-menu-inline,
6346
- .ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
6347
- border-left: none;
6295
+ .ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
6296
+ .ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
6297
+ -webkit-transform: rotate(-45deg) translateX(2.5px);
6298
+ transform: rotate(-45deg) translateX(2.5px);
6348
6299
  }
6349
- .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
6350
- .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
6351
- .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
6352
- .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
6353
- .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
6300
+ .ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
6301
+ .ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
6302
+ -webkit-transform: rotate(45deg) translateX(-2.5px);
6303
+ transform: rotate(45deg) translateX(-2.5px);
6304
+ }
6305
+ .ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
6306
+ display: none;
6307
+ }
6308
+ .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
6309
+ -webkit-transform: translateY(-2px);
6310
+ transform: translateY(-2px);
6311
+ }
6312
+ .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
6313
+ -webkit-transform: rotate(-45deg) translateX(-2.5px);
6314
+ transform: rotate(-45deg) translateX(-2.5px);
6315
+ }
6316
+ .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
6317
+ -webkit-transform: rotate(45deg) translateX(2.5px);
6318
+ transform: rotate(45deg) translateX(2.5px);
6319
+ }
6320
+ .ant-menu-vertical .ant-menu-submenu-selected,
6321
+ .ant-menu-vertical-left .ant-menu-submenu-selected,
6322
+ .ant-menu-vertical-right .ant-menu-submenu-selected {
6323
+ color: #1890ff;
6324
+ }
6325
+ .ant-menu-horizontal {
6326
+ line-height: 46px;
6327
+ border: 0;
6328
+ border-bottom: 1px solid #f0f0f0;
6329
+ -webkit-box-shadow: none;
6330
+ box-shadow: none;
6331
+ }
6332
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
6333
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
6334
+ margin-top: -1px;
6335
+ margin-bottom: 0;
6336
+ padding: 0 20px;
6337
+ }
6338
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
6339
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
6340
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
6341
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
6342
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
6343
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
6344
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
6345
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
6346
+ color: #1890ff;
6347
+ }
6348
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
6349
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
6350
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
6351
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
6352
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
6353
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
6354
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
6355
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
6356
+ border-bottom: 2px solid #1890ff;
6357
+ }
6358
+ .ant-menu-horizontal > .ant-menu-item,
6359
+ .ant-menu-horizontal > .ant-menu-submenu {
6360
+ position: relative;
6361
+ top: 1px;
6362
+ display: inline-block;
6363
+ vertical-align: bottom;
6364
+ }
6365
+ .ant-menu-horizontal > .ant-menu-item::after,
6366
+ .ant-menu-horizontal > .ant-menu-submenu::after {
6367
+ position: absolute;
6368
+ right: 20px;
6369
+ bottom: 0;
6370
+ left: 20px;
6371
+ border-bottom: 2px solid transparent;
6372
+ -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6373
+ transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6374
+ content: '';
6375
+ }
6376
+ .ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
6377
+ padding: 0;
6378
+ }
6379
+ .ant-menu-horizontal > .ant-menu-item a {
6380
+ color: rgba(0, 0, 0, 0.85);
6381
+ }
6382
+ .ant-menu-horizontal > .ant-menu-item a:hover {
6383
+ color: #1890ff;
6384
+ }
6385
+ .ant-menu-horizontal > .ant-menu-item a::before {
6386
+ bottom: -2px;
6387
+ }
6388
+ .ant-menu-horizontal > .ant-menu-item-selected a {
6389
+ color: #1890ff;
6390
+ }
6391
+ .ant-menu-horizontal::after {
6392
+ display: block;
6393
+ clear: both;
6394
+ height: 0;
6395
+ content: '\20';
6396
+ }
6397
+ .ant-menu-vertical .ant-menu-item,
6398
+ .ant-menu-vertical-left .ant-menu-item,
6399
+ .ant-menu-vertical-right .ant-menu-item,
6400
+ .ant-menu-inline .ant-menu-item {
6401
+ position: relative;
6402
+ }
6403
+ .ant-menu-vertical .ant-menu-item::after,
6404
+ .ant-menu-vertical-left .ant-menu-item::after,
6405
+ .ant-menu-vertical-right .ant-menu-item::after,
6406
+ .ant-menu-inline .ant-menu-item::after {
6407
+ position: absolute;
6408
+ top: 0;
6409
+ right: 0;
6410
+ bottom: 0;
6411
+ border-right: 3px solid #1890ff;
6412
+ -webkit-transform: scaleY(0.0001);
6413
+ transform: scaleY(0.0001);
6414
+ opacity: 0;
6415
+ -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
6416
+ transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
6417
+ transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
6418
+ transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
6419
+ content: '';
6420
+ }
6421
+ .ant-menu-vertical .ant-menu-item,
6422
+ .ant-menu-vertical-left .ant-menu-item,
6423
+ .ant-menu-vertical-right .ant-menu-item,
6424
+ .ant-menu-inline .ant-menu-item,
6425
+ .ant-menu-vertical .ant-menu-submenu-title,
6426
+ .ant-menu-vertical-left .ant-menu-submenu-title,
6427
+ .ant-menu-vertical-right .ant-menu-submenu-title,
6428
+ .ant-menu-inline .ant-menu-submenu-title {
6429
+ height: 40px;
6430
+ margin-top: 4px;
6431
+ margin-bottom: 4px;
6432
+ padding: 0 16px;
6433
+ overflow: hidden;
6434
+ line-height: 40px;
6435
+ text-overflow: ellipsis;
6436
+ }
6437
+ .ant-menu-vertical .ant-menu-submenu,
6438
+ .ant-menu-vertical-left .ant-menu-submenu,
6439
+ .ant-menu-vertical-right .ant-menu-submenu,
6440
+ .ant-menu-inline .ant-menu-submenu {
6441
+ padding-bottom: 0.02px;
6442
+ }
6443
+ .ant-menu-vertical .ant-menu-item:not(:last-child),
6444
+ .ant-menu-vertical-left .ant-menu-item:not(:last-child),
6445
+ .ant-menu-vertical-right .ant-menu-item:not(:last-child),
6446
+ .ant-menu-inline .ant-menu-item:not(:last-child) {
6447
+ margin-bottom: 8px;
6448
+ }
6449
+ .ant-menu-vertical > .ant-menu-item,
6450
+ .ant-menu-vertical-left > .ant-menu-item,
6451
+ .ant-menu-vertical-right > .ant-menu-item,
6452
+ .ant-menu-inline > .ant-menu-item,
6453
+ .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
6454
+ .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
6455
+ .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
6456
+ .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
6457
+ height: 40px;
6458
+ line-height: 40px;
6459
+ }
6460
+ .ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
6461
+ .ant-menu-vertical .ant-menu-submenu-title {
6462
+ padding-right: 34px;
6463
+ }
6464
+ .ant-menu-inline {
6465
+ width: 100%;
6466
+ }
6467
+ .ant-menu-inline .ant-menu-selected::after,
6468
+ .ant-menu-inline .ant-menu-item-selected::after {
6469
+ -webkit-transform: scaleY(1);
6470
+ transform: scaleY(1);
6471
+ opacity: 1;
6472
+ -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
6473
+ transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
6474
+ transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
6475
+ transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
6476
+ }
6477
+ .ant-menu-inline .ant-menu-item,
6478
+ .ant-menu-inline .ant-menu-submenu-title {
6479
+ width: calc(100% + 1px);
6480
+ }
6481
+ .ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
6482
+ .ant-menu-inline .ant-menu-submenu-title {
6483
+ padding-right: 34px;
6484
+ }
6485
+ .ant-menu-inline.ant-menu-root .ant-menu-item,
6486
+ .ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
6487
+ display: -webkit-box;
6488
+ display: -ms-flexbox;
6489
+ display: flex;
6490
+ -webkit-box-align: center;
6491
+ -ms-flex-align: center;
6492
+ align-items: center;
6493
+ -webkit-transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
6494
+ transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
6495
+ }
6496
+ .ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
6497
+ .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
6498
+ -webkit-box-flex: 1;
6499
+ -ms-flex: auto;
6500
+ flex: auto;
6501
+ min-width: 0;
6502
+ overflow: hidden;
6503
+ text-overflow: ellipsis;
6504
+ }
6505
+ .ant-menu-inline.ant-menu-root .ant-menu-item > *,
6506
+ .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
6507
+ -webkit-box-flex: 0;
6508
+ -ms-flex: none;
6509
+ flex: none;
6510
+ }
6511
+ .ant-menu.ant-menu-inline-collapsed {
6512
+ width: 80px;
6513
+ }
6514
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
6515
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
6516
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
6517
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
6518
+ left: 0;
6519
+ padding: 0 calc(50% - 16px / 2);
6520
+ text-overflow: clip;
6521
+ }
6522
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
6523
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
6524
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
6525
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
6526
+ opacity: 0;
6527
+ }
6528
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
6529
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
6530
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
6531
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
6532
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
6533
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
6534
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
6535
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
6536
+ margin: 0;
6537
+ font-size: 16px;
6538
+ line-height: 40px;
6539
+ }
6540
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
6541
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
6542
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
6543
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
6544
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
6545
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
6546
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
6547
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
6548
+ display: inline-block;
6549
+ opacity: 0;
6550
+ }
6551
+ .ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
6552
+ .ant-menu.ant-menu-inline-collapsed .anticon {
6553
+ display: inline-block;
6554
+ }
6555
+ .ant-menu.ant-menu-inline-collapsed-tooltip {
6556
+ pointer-events: none;
6557
+ }
6558
+ .ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
6559
+ .ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
6560
+ display: none;
6561
+ }
6562
+ .ant-menu.ant-menu-inline-collapsed-tooltip a {
6563
+ color: rgba(255, 255, 255, 0.85);
6564
+ }
6565
+ .ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
6566
+ padding-right: 4px;
6567
+ padding-left: 4px;
6568
+ overflow: hidden;
6569
+ white-space: nowrap;
6570
+ text-overflow: ellipsis;
6571
+ }
6572
+ .ant-menu-item-group-list {
6573
+ margin: 0;
6574
+ padding: 0;
6575
+ }
6576
+ .ant-menu-item-group-list .ant-menu-item,
6577
+ .ant-menu-item-group-list .ant-menu-submenu-title {
6578
+ padding: 0 16px 0 28px;
6579
+ }
6580
+ .ant-menu-root.ant-menu-vertical,
6581
+ .ant-menu-root.ant-menu-vertical-left,
6582
+ .ant-menu-root.ant-menu-vertical-right,
6583
+ .ant-menu-root.ant-menu-inline {
6584
+ -webkit-box-shadow: none;
6585
+ box-shadow: none;
6586
+ }
6587
+ .ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
6588
+ .ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
6589
+ font-size: 16px;
6590
+ text-align: center;
6591
+ }
6592
+ .ant-menu-sub.ant-menu-inline {
6593
+ padding: 0;
6594
+ background: #fafafa;
6595
+ border: 0;
6596
+ border-radius: 0;
6597
+ -webkit-box-shadow: none;
6598
+ box-shadow: none;
6599
+ }
6600
+ .ant-menu-sub.ant-menu-inline > .ant-menu-item,
6601
+ .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
6602
+ height: 40px;
6603
+ line-height: 40px;
6604
+ list-style-position: inside;
6605
+ list-style-type: disc;
6606
+ }
6607
+ .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
6608
+ padding-left: 32px;
6609
+ }
6610
+ .ant-menu-item-disabled,
6611
+ .ant-menu-submenu-disabled {
6612
+ color: rgba(0, 0, 0, 0.25) !important;
6613
+ background: none;
6614
+ cursor: not-allowed;
6615
+ }
6616
+ .ant-menu-item-disabled::after,
6617
+ .ant-menu-submenu-disabled::after {
6618
+ border-color: transparent !important;
6619
+ }
6620
+ .ant-menu-item-disabled a,
6621
+ .ant-menu-submenu-disabled a {
6622
+ color: rgba(0, 0, 0, 0.25) !important;
6623
+ pointer-events: none;
6624
+ }
6625
+ .ant-menu-item-disabled > .ant-menu-submenu-title,
6626
+ .ant-menu-submenu-disabled > .ant-menu-submenu-title {
6627
+ color: rgba(0, 0, 0, 0.25) !important;
6628
+ cursor: not-allowed;
6629
+ }
6630
+ .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6631
+ .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6632
+ .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6633
+ .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
6634
+ background: rgba(0, 0, 0, 0.25) !important;
6635
+ }
6636
+ .ant-layout-header .ant-menu {
6637
+ line-height: inherit;
6638
+ }
6639
+ .ant-menu-inline-collapsed-tooltip a,
6640
+ .ant-menu-inline-collapsed-tooltip a:hover {
6641
+ color: #fff;
6642
+ }
6643
+ .ant-menu-light .ant-menu-item:hover,
6644
+ .ant-menu-light .ant-menu-item-active,
6645
+ .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
6646
+ .ant-menu-light .ant-menu-submenu-active,
6647
+ .ant-menu-light .ant-menu-submenu-title:hover {
6648
+ color: #1890ff;
6649
+ }
6650
+ .ant-menu.ant-menu-dark,
6651
+ .ant-menu-dark .ant-menu-sub,
6652
+ .ant-menu.ant-menu-dark .ant-menu-sub {
6653
+ color: rgba(255, 255, 255, 0.65);
6654
+ background: #001529;
6655
+ }
6656
+ .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
6657
+ .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
6658
+ .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
6659
+ opacity: 0.45;
6660
+ -webkit-transition: all 0.3s;
6661
+ transition: all 0.3s;
6662
+ }
6663
+ .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6664
+ .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6665
+ .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6666
+ .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
6667
+ .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
6668
+ .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
6669
+ background: #fff;
6670
+ }
6671
+ .ant-menu-dark.ant-menu-submenu-popup {
6672
+ background: transparent;
6673
+ }
6674
+ .ant-menu-dark .ant-menu-inline.ant-menu-sub {
6675
+ background: #000c17;
6676
+ }
6677
+ .ant-menu-dark.ant-menu-horizontal {
6678
+ border-bottom: 0;
6679
+ }
6680
+ .ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
6681
+ .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
6682
+ top: 0;
6683
+ margin-top: 0;
6684
+ padding: 0 20px;
6685
+ border-color: #001529;
6686
+ border-bottom: 0;
6687
+ }
6688
+ .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
6689
+ background-color: #1890ff;
6690
+ }
6691
+ .ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
6692
+ bottom: 0;
6693
+ }
6694
+ .ant-menu-dark .ant-menu-item,
6695
+ .ant-menu-dark .ant-menu-item-group-title,
6696
+ .ant-menu-dark .ant-menu-item > a,
6697
+ .ant-menu-dark .ant-menu-item > span > a {
6698
+ color: rgba(255, 255, 255, 0.65);
6699
+ }
6700
+ .ant-menu-dark.ant-menu-inline,
6701
+ .ant-menu-dark.ant-menu-vertical,
6702
+ .ant-menu-dark.ant-menu-vertical-left,
6703
+ .ant-menu-dark.ant-menu-vertical-right {
6704
+ border-right: 0;
6705
+ }
6706
+ .ant-menu-dark.ant-menu-inline .ant-menu-item,
6707
+ .ant-menu-dark.ant-menu-vertical .ant-menu-item,
6708
+ .ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
6709
+ .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
6710
+ left: 0;
6711
+ margin-left: 0;
6712
+ border-right: 0;
6713
+ }
6714
+ .ant-menu-dark.ant-menu-inline .ant-menu-item::after,
6715
+ .ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
6716
+ .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
6717
+ .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
6718
+ border-right: 0;
6719
+ }
6720
+ .ant-menu-dark.ant-menu-inline .ant-menu-item,
6721
+ .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
6722
+ width: 100%;
6723
+ }
6724
+ .ant-menu-dark .ant-menu-item:hover,
6725
+ .ant-menu-dark .ant-menu-item-active,
6726
+ .ant-menu-dark .ant-menu-submenu-active,
6727
+ .ant-menu-dark .ant-menu-submenu-open,
6728
+ .ant-menu-dark .ant-menu-submenu-selected,
6729
+ .ant-menu-dark .ant-menu-submenu-title:hover {
6730
+ color: #fff;
6731
+ background-color: transparent;
6732
+ }
6733
+ .ant-menu-dark .ant-menu-item:hover > a,
6734
+ .ant-menu-dark .ant-menu-item-active > a,
6735
+ .ant-menu-dark .ant-menu-submenu-active > a,
6736
+ .ant-menu-dark .ant-menu-submenu-open > a,
6737
+ .ant-menu-dark .ant-menu-submenu-selected > a,
6738
+ .ant-menu-dark .ant-menu-submenu-title:hover > a,
6739
+ .ant-menu-dark .ant-menu-item:hover > span > a,
6740
+ .ant-menu-dark .ant-menu-item-active > span > a,
6741
+ .ant-menu-dark .ant-menu-submenu-active > span > a,
6742
+ .ant-menu-dark .ant-menu-submenu-open > span > a,
6743
+ .ant-menu-dark .ant-menu-submenu-selected > span > a,
6744
+ .ant-menu-dark .ant-menu-submenu-title:hover > span > a {
6745
+ color: #fff;
6746
+ }
6747
+ .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6748
+ .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6749
+ .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6750
+ .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6751
+ .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6752
+ .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
6753
+ opacity: 1;
6754
+ }
6755
+ .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6756
+ .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6757
+ .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6758
+ .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6759
+ .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6760
+ .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6761
+ .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6762
+ .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6763
+ .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6764
+ .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6765
+ .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6766
+ .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
6767
+ background: #fff;
6768
+ }
6769
+ .ant-menu-dark .ant-menu-item:hover {
6770
+ background-color: transparent;
6771
+ }
6772
+ .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
6773
+ background-color: #1890ff;
6774
+ }
6775
+ .ant-menu-dark .ant-menu-item-selected {
6776
+ color: #fff;
6777
+ border-right: 0;
6778
+ }
6779
+ .ant-menu-dark .ant-menu-item-selected::after {
6780
+ border-right: 0;
6781
+ }
6782
+ .ant-menu-dark .ant-menu-item-selected > a,
6783
+ .ant-menu-dark .ant-menu-item-selected > span > a,
6784
+ .ant-menu-dark .ant-menu-item-selected > a:hover,
6785
+ .ant-menu-dark .ant-menu-item-selected > span > a:hover {
6786
+ color: #fff;
6787
+ }
6788
+ .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
6789
+ .ant-menu-dark .ant-menu-item-selected .anticon {
6790
+ color: #fff;
6791
+ }
6792
+ .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
6793
+ .ant-menu-dark .ant-menu-item-selected .anticon + span {
6794
+ color: #fff;
6795
+ }
6796
+ .ant-menu.ant-menu-dark .ant-menu-item-selected,
6797
+ .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
6798
+ background-color: #1890ff;
6799
+ }
6800
+ .ant-menu-dark .ant-menu-item-disabled,
6801
+ .ant-menu-dark .ant-menu-submenu-disabled,
6802
+ .ant-menu-dark .ant-menu-item-disabled > a,
6803
+ .ant-menu-dark .ant-menu-submenu-disabled > a,
6804
+ .ant-menu-dark .ant-menu-item-disabled > span > a,
6805
+ .ant-menu-dark .ant-menu-submenu-disabled > span > a {
6806
+ color: rgba(255, 255, 255, 0.35) !important;
6807
+ opacity: 0.8;
6808
+ }
6809
+ .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
6810
+ .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
6811
+ color: rgba(255, 255, 255, 0.35) !important;
6812
+ }
6813
+ .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6814
+ .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6815
+ .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6816
+ .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
6817
+ background: rgba(255, 255, 255, 0.35) !important;
6818
+ }
6819
+ .ant-menu.ant-menu-rtl {
6820
+ direction: rtl;
6821
+ text-align: right;
6822
+ }
6823
+ .ant-menu-rtl .ant-menu-item-group-title {
6824
+ text-align: right;
6825
+ }
6826
+ .ant-menu-rtl.ant-menu-inline,
6827
+ .ant-menu-rtl.ant-menu-vertical {
6828
+ border-right: none;
6829
+ border-left: 1px solid #f0f0f0;
6830
+ }
6831
+ .ant-menu-rtl.ant-menu-dark.ant-menu-inline,
6832
+ .ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
6833
+ border-left: none;
6834
+ }
6835
+ .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
6836
+ .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
6837
+ .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
6838
+ .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
6839
+ .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
6354
6840
  .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
6355
6841
  -webkit-transform-origin: top right;
6356
6842
  transform-origin: top right;
6357
6843
  }
6358
- .ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
6359
- .ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
6360
- .ant-menu-rtl .ant-menu-item .anticon,
6361
- .ant-menu-rtl .ant-menu-submenu-title .anticon {
6362
- margin-right: auto;
6363
- margin-left: 10px;
6844
+ .ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
6845
+ .ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
6846
+ .ant-menu-rtl .ant-menu-item .anticon,
6847
+ .ant-menu-rtl .ant-menu-submenu-title .anticon {
6848
+ margin-right: auto;
6849
+ margin-left: 10px;
6850
+ }
6851
+ .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
6852
+ .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
6853
+ .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
6854
+ .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
6855
+ margin-left: 0;
6856
+ }
6857
+ .ant-menu-submenu-rtl.ant-menu-submenu-popup {
6858
+ -webkit-transform-origin: 100% 0;
6859
+ transform-origin: 100% 0;
6860
+ }
6861
+ .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
6862
+ .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
6863
+ .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
6864
+ .ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
6865
+ right: auto;
6866
+ left: 16px;
6867
+ }
6868
+ .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
6869
+ .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
6870
+ .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
6871
+ -webkit-transform: rotate(-45deg) translateY(-2px);
6872
+ transform: rotate(-45deg) translateY(-2px);
6873
+ }
6874
+ .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6875
+ .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6876
+ .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
6877
+ -webkit-transform: rotate(45deg) translateY(2px);
6878
+ transform: rotate(45deg) translateY(2px);
6879
+ }
6880
+ .ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
6881
+ .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
6882
+ .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
6883
+ .ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
6884
+ right: auto;
6885
+ left: 0;
6886
+ }
6887
+ .ant-menu-rtl.ant-menu-vertical .ant-menu-item,
6888
+ .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
6889
+ .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
6890
+ .ant-menu-rtl.ant-menu-inline .ant-menu-item,
6891
+ .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
6892
+ .ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
6893
+ .ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
6894
+ .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
6895
+ text-align: right;
6896
+ }
6897
+ .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
6898
+ padding-right: 0;
6899
+ padding-left: 34px;
6900
+ }
6901
+ .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
6902
+ padding-right: 16px;
6903
+ padding-left: 34px;
6904
+ }
6905
+ .ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
6906
+ padding: 0 calc(50% - 16px / 2);
6907
+ }
6908
+ .ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
6909
+ .ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
6910
+ padding: 0 28px 0 16px;
6911
+ }
6912
+ .ant-menu-sub.ant-menu-inline {
6913
+ border: 0;
6914
+ }
6915
+ .ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
6916
+ padding-right: 32px;
6917
+ padding-left: 0;
6918
+ }
6919
+ .ant-menu-vertical.ant-menu-sub:not([class*='-active']),
6920
+ .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
6921
+ .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
6922
+ max-height: 320px;
6923
+ }
6924
+ .ant-menu-item .pandora-sdk-menu-item-a {
6925
+ color: #333;
6926
+ }
6927
+ .ant-menu-horizontal > .ant-menu-item .pandora-sdk-menu-item-a {
6928
+ color: #333;
6929
+ }
6930
+ .ant-modal {
6931
+ -webkit-box-sizing: border-box;
6932
+ box-sizing: border-box;
6933
+ margin: 0;
6934
+ padding: 0;
6935
+ color: rgba(0, 0, 0, 0.85);
6936
+ font-size: 14px;
6937
+ font-variant: tabular-nums;
6938
+ line-height: 1.5715;
6939
+ list-style: none;
6940
+ -webkit-font-feature-settings: 'tnum';
6941
+ font-feature-settings: 'tnum';
6942
+ pointer-events: none;
6943
+ position: relative;
6944
+ top: 100px;
6945
+ width: auto;
6946
+ max-width: calc(100vw - 32px);
6947
+ margin: 0 auto;
6948
+ padding-bottom: 24px;
6949
+ }
6950
+ .ant-modal.ant-zoom-enter,
6951
+ .ant-modal.antzoom-appear {
6952
+ -webkit-transform: none;
6953
+ transform: none;
6954
+ opacity: 0;
6955
+ -webkit-animation-duration: 0.3s;
6956
+ animation-duration: 0.3s;
6957
+ -webkit-user-select: none;
6958
+ -moz-user-select: none;
6959
+ -ms-user-select: none;
6960
+ user-select: none;
6961
+ }
6962
+ .ant-modal-mask {
6963
+ position: fixed;
6964
+ top: 0;
6965
+ right: 0;
6966
+ bottom: 0;
6967
+ left: 0;
6968
+ z-index: 1000;
6969
+ height: 100%;
6970
+ background-color: rgba(0, 0, 0, 0.45);
6971
+ }
6972
+ .ant-modal-mask-hidden {
6973
+ display: none;
6974
+ }
6975
+ .ant-modal-wrap {
6976
+ position: fixed;
6977
+ top: 0;
6978
+ right: 0;
6979
+ bottom: 0;
6980
+ left: 0;
6981
+ overflow: auto;
6982
+ outline: 0;
6983
+ -webkit-overflow-scrolling: touch;
6984
+ }
6985
+ .ant-modal-wrap {
6986
+ z-index: 1000;
6987
+ }
6988
+ .ant-modal-title {
6989
+ margin: 0;
6990
+ color: rgba(0, 0, 0, 0.85);
6991
+ font-weight: 500;
6992
+ font-size: 16px;
6993
+ line-height: 22px;
6994
+ word-wrap: break-word;
6995
+ }
6996
+ .ant-modal-content {
6997
+ position: relative;
6998
+ background-color: #fff;
6999
+ background-clip: padding-box;
7000
+ border: 0;
7001
+ border-radius: 2px;
7002
+ -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);
7003
+ 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);
7004
+ pointer-events: auto;
7005
+ }
7006
+ .ant-modal-close {
7007
+ position: absolute;
7008
+ top: 0;
7009
+ right: 0;
7010
+ z-index: 10;
7011
+ padding: 0;
7012
+ color: rgba(0, 0, 0, 0.45);
7013
+ font-weight: 700;
7014
+ line-height: 1;
7015
+ text-decoration: none;
7016
+ background: transparent;
7017
+ border: 0;
7018
+ outline: 0;
7019
+ cursor: pointer;
7020
+ -webkit-transition: color 0.3s;
7021
+ transition: color 0.3s;
7022
+ }
7023
+ .ant-modal-close-x {
7024
+ display: block;
7025
+ width: 56px;
7026
+ height: 56px;
7027
+ font-size: 16px;
7028
+ font-style: normal;
7029
+ line-height: 56px;
7030
+ text-align: center;
7031
+ text-transform: none;
7032
+ text-rendering: auto;
7033
+ }
7034
+ .ant-modal-close:focus,
7035
+ .ant-modal-close:hover {
7036
+ color: rgba(0, 0, 0, 0.75);
7037
+ text-decoration: none;
7038
+ }
7039
+ .ant-modal-header {
7040
+ padding: 16px 24px;
7041
+ color: rgba(0, 0, 0, 0.85);
7042
+ background: #fff;
7043
+ border-bottom: 1px solid #f0f0f0;
7044
+ border-radius: 2px 2px 0 0;
7045
+ }
7046
+ .ant-modal-body {
7047
+ padding: 24px;
7048
+ font-size: 14px;
7049
+ line-height: 1.5715;
7050
+ word-wrap: break-word;
7051
+ }
7052
+ .ant-modal-footer {
7053
+ padding: 10px 16px;
7054
+ text-align: right;
7055
+ background: transparent;
7056
+ border-top: 1px solid #f0f0f0;
7057
+ border-radius: 0 0 2px 2px;
7058
+ }
7059
+ .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
7060
+ margin-bottom: 0;
7061
+ margin-left: 8px;
7062
+ }
7063
+ .ant-modal-open {
7064
+ overflow: hidden;
7065
+ }
7066
+ .ant-modal-centered {
7067
+ text-align: center;
7068
+ }
7069
+ .ant-modal-centered::before {
7070
+ display: inline-block;
7071
+ width: 0;
7072
+ height: 100%;
7073
+ vertical-align: middle;
7074
+ content: '';
7075
+ }
7076
+ .ant-modal-centered .ant-modal {
7077
+ top: 0;
7078
+ display: inline-block;
7079
+ text-align: left;
7080
+ vertical-align: middle;
7081
+ }
7082
+ @media (max-width: 767px) {
7083
+ .ant-modal {
7084
+ max-width: calc(100vw - 16px);
7085
+ margin: 8px auto;
7086
+ }
7087
+ .ant-modal-centered .ant-modal {
7088
+ -webkit-box-flex: 1;
7089
+ -ms-flex: 1;
7090
+ flex: 1;
7091
+ }
7092
+ }
7093
+ .ant-modal-confirm .ant-modal-header {
7094
+ display: none;
7095
+ }
7096
+ .ant-modal-confirm .ant-modal-body {
7097
+ padding: 32px 32px 24px;
7098
+ }
7099
+ .ant-modal-confirm-body-wrapper::before {
7100
+ display: table;
7101
+ content: '';
7102
+ }
7103
+ .ant-modal-confirm-body-wrapper::after {
7104
+ display: table;
7105
+ clear: both;
7106
+ content: '';
7107
+ }
7108
+ .ant-modal-confirm-body .ant-modal-confirm-title {
7109
+ display: block;
7110
+ overflow: hidden;
7111
+ color: rgba(0, 0, 0, 0.85);
7112
+ font-weight: 500;
7113
+ font-size: 16px;
7114
+ line-height: 1.4;
7115
+ }
7116
+ .ant-modal-confirm-body .ant-modal-confirm-content {
7117
+ margin-top: 8px;
7118
+ color: rgba(0, 0, 0, 0.85);
7119
+ font-size: 14px;
7120
+ }
7121
+ .ant-modal-confirm-body > .anticon {
7122
+ float: left;
7123
+ margin-right: 16px;
7124
+ font-size: 22px;
7125
+ }
7126
+ .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
7127
+ margin-left: 38px;
7128
+ }
7129
+ .ant-modal-confirm .ant-modal-confirm-btns {
7130
+ float: right;
7131
+ margin-top: 24px;
7132
+ }
7133
+ .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
7134
+ margin-bottom: 0;
7135
+ margin-left: 8px;
6364
7136
  }
6365
- .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
6366
- .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
6367
- .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
6368
- .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
6369
- margin-left: 0;
7137
+ .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
7138
+ color: #ff4d4f;
6370
7139
  }
6371
- .ant-menu-submenu-rtl.ant-menu-submenu-popup {
6372
- -webkit-transform-origin: 100% 0;
6373
- transform-origin: 100% 0;
7140
+ .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
7141
+ .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
7142
+ color: #faad14;
6374
7143
  }
6375
- .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
6376
- .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
6377
- .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
6378
- .ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
6379
- right: auto;
6380
- left: 16px;
7144
+ .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
7145
+ color: #1890ff;
6381
7146
  }
6382
- .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
6383
- .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
6384
- .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
6385
- -webkit-transform: rotate(-45deg) translateY(-2px);
6386
- transform: rotate(-45deg) translateY(-2px);
7147
+ .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
7148
+ color: #52c41a;
6387
7149
  }
6388
- .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6389
- .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6390
- .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
6391
- -webkit-transform: rotate(45deg) translateY(2px);
6392
- transform: rotate(45deg) translateY(2px);
7150
+ .ant-modal-wrap-rtl {
7151
+ direction: rtl;
6393
7152
  }
6394
- .ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
6395
- .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
6396
- .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
6397
- .ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
6398
- right: auto;
7153
+ .ant-modal-wrap-rtl .ant-modal-close {
7154
+ right: initial;
6399
7155
  left: 0;
6400
7156
  }
6401
- .ant-menu-rtl.ant-menu-vertical .ant-menu-item,
6402
- .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
6403
- .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
6404
- .ant-menu-rtl.ant-menu-inline .ant-menu-item,
6405
- .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
6406
- .ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
6407
- .ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
6408
- .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
6409
- text-align: right;
7157
+ .ant-modal-wrap-rtl .ant-modal-footer {
7158
+ text-align: left;
6410
7159
  }
6411
- .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
6412
- padding-right: 0;
6413
- padding-left: 34px;
7160
+ .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
7161
+ margin-right: 8px;
7162
+ margin-left: 0;
6414
7163
  }
6415
- .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
6416
- padding-right: 16px;
6417
- padding-left: 34px;
7164
+ .ant-modal-wrap-rtl .ant-modal-confirm-body {
7165
+ direction: rtl;
6418
7166
  }
6419
- .ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
6420
- padding: 0 calc(50% - 16px / 2);
7167
+ .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
7168
+ float: right;
7169
+ margin-right: 0;
7170
+ margin-left: 16px;
6421
7171
  }
6422
- .ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
6423
- .ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
6424
- padding: 0 28px 0 16px;
7172
+ .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
7173
+ margin-right: 38px;
7174
+ margin-left: 0;
6425
7175
  }
6426
- .ant-menu-sub.ant-menu-inline {
6427
- border: 0;
7176
+ .ant-modal-wrap-rtl .ant-modal-confirm-btns {
7177
+ float: left;
6428
7178
  }
6429
- .ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
6430
- padding-right: 32px;
6431
- padding-left: 0;
7179
+ .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
7180
+ margin-right: 8px;
7181
+ margin-left: 0;
6432
7182
  }
6433
- .ant-menu-vertical.ant-menu-sub:not([class*='-active']),
6434
- .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
6435
- .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
6436
- max-height: 320px;
7183
+ .ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
7184
+ text-align: right;
6437
7185
  }
6438
- .ant-menu-item .pandora-sdk-menu-item-a {
6439
- color: #333;
7186
+ .pandora-sdk-modal .ant-modal-header {
7187
+ border-color: rgba(0, 0, 0, 0.09);
6440
7188
  }
6441
- .ant-menu-horizontal > .ant-menu-item .pandora-sdk-menu-item-a {
6442
- color: #333;
7189
+ .pandora-sdk-modal .ant-modal-body {
7190
+ max-height: 70vh;
7191
+ overflow-y: auto;
7192
+ background: #d9d9d9;
7193
+ padding: 0px 60px;
7194
+ padding-top: 24px;
7195
+ border-radius: 0 0 2px 2px;
7196
+ }
7197
+ .pandora-sdk-modal .ant-modal-footer {
7198
+ border: none;
7199
+ padding: 32px 24px 24px 24px;
7200
+ }
7201
+ .pandora-sdk-modal .ant-modal-footer .ant-btn {
7202
+ min-width: 60px;
7203
+ height: 32px;
7204
+ margin-left: 12px;
7205
+ font-size: 14px;
7206
+ color: rgba(0, 0, 0, 0.85);
7207
+ }
7208
+ .pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
7209
+ color: #d9d9d9;
6443
7210
  }
6444
7211
  .pandora-sdk-name-explain-icon {
6445
7212
  color: inherit;
@@ -9731,32 +10498,6 @@ textarea.ant-input-number {
9731
10498
  .pandora-sdk-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon {
9732
10499
  color: inherit;
9733
10500
  }
9734
- .pandora-sdk-tabs .pandora-sdk-tabs-tab {
9735
- position: relative;
9736
- }
9737
- .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
9738
- opacity: 1;
9739
- pointer-events: auto;
9740
- }
9741
- .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
9742
- margin-right: 0;
9743
- }
9744
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
9745
- margin-left: 8px;
9746
- font-size: 12px;
9747
- color: #d9d9d9;
9748
- -webkit-transition: color 0.5s, opacity 0.2s;
9749
- transition: color 0.5s, opacity 0.2s;
9750
- pointer-events: none;
9751
- opacity: 0;
9752
- position: absolute;
9753
- top: 50%;
9754
- -webkit-transform: translateY(-50%);
9755
- transform: translateY(-50%);
9756
- }
9757
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
9758
- color: #2c6dd2;
9759
- }
9760
10501
  .ant-table.ant-table-middle {
9761
10502
  font-size: 14px;
9762
10503
  }
@@ -11481,6 +12222,32 @@ textarea.ant-pagination-options-quick-jumper input {
11481
12222
  .ant-empty .ant-empty-description {
11482
12223
  color: #bfbfbf;
11483
12224
  }
12225
+ .pandora-sdk-tabs .pandora-sdk-tabs-tab {
12226
+ position: relative;
12227
+ }
12228
+ .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
12229
+ opacity: 1;
12230
+ pointer-events: auto;
12231
+ }
12232
+ .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
12233
+ margin-right: 0;
12234
+ }
12235
+ .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
12236
+ margin-left: 8px;
12237
+ font-size: 12px;
12238
+ color: #d9d9d9;
12239
+ -webkit-transition: color 0.5s, opacity 0.2s;
12240
+ transition: color 0.5s, opacity 0.2s;
12241
+ pointer-events: none;
12242
+ opacity: 0;
12243
+ position: absolute;
12244
+ top: 50%;
12245
+ -webkit-transform: translateY(-50%);
12246
+ transform: translateY(-50%);
12247
+ }
12248
+ .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
12249
+ color: #2c6dd2;
12250
+ }
11484
12251
  .ant-tag {
11485
12252
  -webkit-box-sizing: border-box;
11486
12253
  box-sizing: border-box;
@@ -19605,6 +20372,28 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19605
20372
  .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
19606
20373
  color: #2c6dd2;
19607
20374
  }
20375
+ .pandora-sdk-item {
20376
+ color: #2c6dd2;
20377
+ cursor: pointer;
20378
+ }
20379
+ .pandora-sdk-item > .anticon {
20380
+ color: inherit;
20381
+ }
20382
+ .pandora-sdk-item.pandora-sdk-disabled {
20383
+ color: #bfbfbf;
20384
+ cursor: not-allowed;
20385
+ pointer-events: none;
20386
+ }
20387
+ .pandora-sdk-item.pandora-sdk-disabled .anticon {
20388
+ color: #bfbfbf;
20389
+ }
20390
+ .pandora-sdk-item.pandora-sdk-active {
20391
+ background: rgba(44, 109, 210, 0.05);
20392
+ }
20393
+ .pandora-sdk-item a {
20394
+ color: inherit;
20395
+ cursor: inherit;
20396
+ }
19608
20397
  .pandora-sdk-popover-item {
19609
20398
  display: inline-block;
19610
20399
  line-height: 18px;
@@ -19631,28 +20420,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19631
20420
  .pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
19632
20421
  color: #bfbfbf;
19633
20422
  }
19634
- .pandora-sdk-item {
19635
- color: #2c6dd2;
19636
- cursor: pointer;
19637
- }
19638
- .pandora-sdk-item > .anticon {
19639
- color: inherit;
19640
- }
19641
- .pandora-sdk-item.pandora-sdk-disabled {
19642
- color: #bfbfbf;
19643
- cursor: not-allowed;
19644
- pointer-events: none;
19645
- }
19646
- .pandora-sdk-item.pandora-sdk-disabled .anticon {
19647
- color: #bfbfbf;
19648
- }
19649
- .pandora-sdk-item.pandora-sdk-active {
19650
- background: rgba(44, 109, 210, 0.05);
19651
- }
19652
- .pandora-sdk-item a {
19653
- color: inherit;
19654
- cursor: inherit;
19655
- }
19656
20423
  .pandora-sdk-prev-button {
19657
20424
  margin-right: 10px;
19658
20425
  }
@@ -19831,6 +20598,21 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19831
20598
  font-size: 14px;
19832
20599
  color: #333;
19833
20600
  }
20601
+ .pandora-sdk-transfer-list {
20602
+ overflow: hidden;
20603
+ }
20604
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
20605
+ margin-bottom: 10px;
20606
+ }
20607
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
20608
+ margin-bottom: 10px;
20609
+ }
20610
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
20611
+ margin-bottom: 10px;
20612
+ }
20613
+ .pandora-sdk-search-icon {
20614
+ color: inherit;
20615
+ }
19834
20616
  .pandora-sdk-transfer-list-body {
19835
20617
  height: 300px;
19836
20618
  overflow-y: scroll;
@@ -19847,21 +20629,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19847
20629
  .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
19848
20630
  margin-bottom: 10px;
19849
20631
  }
19850
- .pandora-sdk-transfer-list {
19851
- overflow: hidden;
19852
- }
19853
- .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
19854
- margin-bottom: 10px;
19855
- }
19856
- .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
19857
- margin-bottom: 10px;
19858
- }
19859
- .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
19860
- margin-bottom: 10px;
19861
- }
19862
- .pandora-sdk-search-icon {
19863
- color: inherit;
19864
- }
19865
20632
  .pandora-sdk-datetime-mobile-pick-range-preset-head {
19866
20633
  display: -webkit-box;
19867
20634
  display: -ms-flexbox;