@qn-pandora/pandora-component 4.0.7 → 4.0.10

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 (13) hide show
  1. package/CHANGELOG.json +69 -0
  2. package/CHANGELOG.md +25 -1
  3. package/es/components/Collapse/Panel/index.d.ts +1 -0
  4. package/es/components/Collapse/Panel/index.js +1 -1
  5. package/es/components/Collapse/index.js +4 -2
  6. package/es/index.css +5255 -5255
  7. package/es/index.less +14 -14
  8. package/lib/components/Collapse/Panel/index.d.ts +1 -0
  9. package/lib/components/Collapse/Panel/index.js +1 -1
  10. package/lib/components/Collapse/index.js +4 -2
  11. package/lib/index.css +2108 -2108
  12. package/lib/index.less +14 -14
  13. package/package.json +5 -8
package/lib/index.css CHANGED
@@ -8,25 +8,6 @@
8
8
  /* stylelint-disable no-duplicate-selectors */
9
9
  /* stylelint-disable */
10
10
  /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
11
- .ant-select-auto-complete {
12
- -webkit-box-sizing: border-box;
13
- box-sizing: border-box;
14
- margin: 0;
15
- padding: 0;
16
- color: rgba(0, 0, 0, 0.85);
17
- font-size: 14px;
18
- font-variant: tabular-nums;
19
- line-height: 1.5715;
20
- list-style: none;
21
- -webkit-font-feature-settings: 'tnum';
22
- font-feature-settings: 'tnum';
23
- }
24
- .ant-select-auto-complete .ant-select-clear {
25
- right: 13px;
26
- }
27
- .pandora-sdk-auto-complete .ant-input {
28
- border: 0px;
29
- }
30
11
  .ant-breadcrumb {
31
12
  -webkit-box-sizing: border-box;
32
13
  box-sizing: border-box;
@@ -102,6 +83,25 @@
102
83
  .pandora-sdk-breadcrumb a {
103
84
  text-decoration: none;
104
85
  }
86
+ .ant-select-auto-complete {
87
+ -webkit-box-sizing: border-box;
88
+ box-sizing: border-box;
89
+ margin: 0;
90
+ padding: 0;
91
+ color: rgba(0, 0, 0, 0.85);
92
+ font-size: 14px;
93
+ font-variant: tabular-nums;
94
+ line-height: 1.5715;
95
+ list-style: none;
96
+ -webkit-font-feature-settings: 'tnum';
97
+ font-feature-settings: 'tnum';
98
+ }
99
+ .ant-select-auto-complete .ant-select-clear {
100
+ right: 13px;
101
+ }
102
+ .pandora-sdk-auto-complete .ant-input {
103
+ border: 0px;
104
+ }
105
105
  .ant-btn {
106
106
  line-height: 1.5715;
107
107
  position: relative;
@@ -3342,6 +3342,9 @@ a.ant-btn-sm {
3342
3342
  .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
3343
3343
  margin-left: 8px;
3344
3344
  }
3345
+ .ant-checkbox-inner::after {
3346
+ left: 20%;
3347
+ }
3345
3348
  .pandora-sdk-checkbox-item {
3346
3349
  white-space: nowrap;
3347
3350
  width: 100%;
@@ -3350,9 +3353,6 @@ a.ant-btn-sm {
3350
3353
  margin-left: 0;
3351
3354
  line-height: 25px;
3352
3355
  }
3353
- .ant-checkbox-inner::after {
3354
- left: 20%;
3355
- }
3356
3356
  .ant-divider {
3357
3357
  -webkit-box-sizing: border-box;
3358
3358
  box-sizing: border-box;
@@ -4284,6 +4284,62 @@ textarea.ant-input {
4284
4284
  .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4285
4285
  line-height: 40px;
4286
4286
  }
4287
+ .pandora-sdk-collapsible-panel > .panel-header {
4288
+ position: relative;
4289
+ padding: 12px 16px 12px 40px;
4290
+ cursor: pointer;
4291
+ color: rgba(0, 0, 0, 0.85);
4292
+ background-color: #f4f5f7;
4293
+ border: 1px solid #d9d9d9;
4294
+ }
4295
+ .pandora-sdk-collapsible-panel > .panel-header > .icon {
4296
+ position: absolute;
4297
+ left: 16px;
4298
+ top: 50%;
4299
+ -webkit-transform: translateY(-50%);
4300
+ transform: translateY(-50%);
4301
+ }
4302
+ .pandora-sdk-collapsible-panel > .panel-header > .icon > i {
4303
+ color: inherit;
4304
+ }
4305
+ .pandora-sdk-collapsible-panel > .panel-header > .icon > i > svg {
4306
+ -webkit-transition: -webkit-transform 0.2s linear;
4307
+ transition: -webkit-transform 0.2s linear;
4308
+ transition: transform 0.2s linear;
4309
+ transition: transform 0.2s linear, -webkit-transform 0.2s linear;
4310
+ }
4311
+ .pandora-sdk-collapsible-panel > .panel-header.disabled-header {
4312
+ cursor: not-allowed;
4313
+ }
4314
+ .pandora-sdk-collapsible-panel > .panel-content-box {
4315
+ overflow-y: hidden;
4316
+ padding: 0;
4317
+ margin: 0;
4318
+ border: none;
4319
+ }
4320
+ .pandora-sdk-collapsible-panel > .panel-content-box > div > .panel-content {
4321
+ padding: 8px 16px;
4322
+ color: rgba(0, 0, 0, 0.85);
4323
+ background-color: #fff;
4324
+ border: 1px solid #d9d9d9;
4325
+ border-top: none;
4326
+ overflow-x: auto;
4327
+ }
4328
+ .pandora-sdk-collapsible-panel.no-border > .panel-header,
4329
+ .pandora-sdk-collapsible-panel.no-border > .panel-content-box > div > .panel-content {
4330
+ border: none;
4331
+ }
4332
+ .pandora-sdk-collapsible-panel.icon-right > .panel-header {
4333
+ padding: 12px 40px 12px 16px;
4334
+ }
4335
+ .pandora-sdk-collapsible-panel.icon-right > .panel-header > :local(.icon) {
4336
+ left: unset;
4337
+ right: 16px;
4338
+ }
4339
+ .pandora-sdk-collapsible-panel.hide-arrow > .panel-header {
4340
+ padding-left: 16px;
4341
+ padding-right: 16px;
4342
+ }
4287
4343
  .ant-collapse {
4288
4344
  -webkit-box-sizing: border-box;
4289
4345
  box-sizing: border-box;
@@ -4488,62 +4544,6 @@ textarea.ant-input {
4488
4544
  .pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-content {
4489
4545
  border: none;
4490
4546
  }
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
- }
4515
- .pandora-sdk-collapsible-panel > .panel-header.disabled-header {
4516
- cursor: not-allowed;
4517
- }
4518
- .pandora-sdk-collapsible-panel > .panel-content-box {
4519
- overflow-y: hidden;
4520
- padding: 0;
4521
- margin: 0;
4522
- border: none;
4523
- }
4524
- .pandora-sdk-collapsible-panel > .panel-content-box > div > .panel-content {
4525
- padding: 8px 16px;
4526
- color: rgba(0, 0, 0, 0.85);
4527
- background-color: #fff;
4528
- border: 1px solid #d9d9d9;
4529
- border-top: none;
4530
- overflow-x: auto;
4531
- }
4532
- .pandora-sdk-collapsible-panel.no-border > .panel-header,
4533
- .pandora-sdk-collapsible-panel.no-border > .panel-content-box > div > .panel-content {
4534
- border: none;
4535
- }
4536
- .pandora-sdk-collapsible-panel.icon-right > .panel-header {
4537
- padding: 12px 40px 12px 16px;
4538
- }
4539
- .pandora-sdk-collapsible-panel.icon-right > .panel-header > :local(.icon) {
4540
- left: unset;
4541
- right: 16px;
4542
- }
4543
- .pandora-sdk-collapsible-panel.hide-arrow > .panel-header {
4544
- padding-left: 16px;
4545
- padding-right: 16px;
4546
- }
4547
4547
  .ant-popover {
4548
4548
  -webkit-box-sizing: border-box;
4549
4549
  box-sizing: border-box;
@@ -5919,12 +5919,6 @@ textarea.ant-input {
5919
5919
  .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag .ant-upload-btn {
5920
5920
  padding: 0;
5921
5921
  }
5922
- .ant-input[disabled] {
5923
- border-color: #d9d9d9;
5924
- }
5925
- .ant-input-group-addon {
5926
- color: #666;
5927
- }
5928
5922
  .pandora-sdk-key-value-label,
5929
5923
  .pandora-sdk-key-value-value {
5930
5924
  display: inline-block;
@@ -5946,1263 +5940,1269 @@ textarea.ant-input {
5946
5940
  color: #333;
5947
5941
  width: 70%;
5948
5942
  }
5949
- .ant-menu-item-danger.ant-menu-item {
5950
- color: #ff4d4f;
5951
- }
5952
- .ant-menu-item-danger.ant-menu-item:hover,
5953
- .ant-menu-item-danger.ant-menu-item-active {
5954
- color: #ff4d4f;
5955
- }
5956
- .ant-menu-item-danger.ant-menu-item:active {
5957
- background: #fff1f0;
5958
- }
5959
- .ant-menu-item-danger.ant-menu-item-selected {
5960
- color: #ff4d4f;
5961
- }
5962
- .ant-menu-item-danger.ant-menu-item-selected > a,
5963
- .ant-menu-item-danger.ant-menu-item-selected > a:hover {
5964
- color: #ff4d4f;
5965
- }
5966
- .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
5967
- background-color: #fff1f0;
5968
- }
5969
- .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
5970
- border-right-color: #ff4d4f;
5971
- }
5972
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item,
5973
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
5974
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
5975
- color: #ff4d4f;
5943
+ .ant-input[disabled] {
5944
+ border-color: #d9d9d9;
5976
5945
  }
5977
- .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
5978
- color: #fff;
5979
- background-color: #ff4d4f;
5946
+ .ant-input-group-addon {
5947
+ color: #666;
5980
5948
  }
5981
- .ant-menu {
5949
+ .ant-tooltip {
5982
5950
  -webkit-box-sizing: border-box;
5983
5951
  box-sizing: border-box;
5984
5952
  margin: 0;
5985
5953
  padding: 0;
5954
+ color: rgba(0, 0, 0, 0.85);
5955
+ font-size: 14px;
5986
5956
  font-variant: tabular-nums;
5987
5957
  line-height: 1.5715;
5958
+ list-style: none;
5988
5959
  -webkit-font-feature-settings: 'tnum';
5989
5960
  font-feature-settings: 'tnum';
5990
- margin-bottom: 0;
5991
- padding-left: 0;
5992
- color: rgba(0, 0, 0, 0.85);
5993
- font-size: 14px;
5994
- line-height: 0;
5995
- text-align: left;
5996
- list-style: none;
5997
- background: #fff;
5998
- outline: none;
5999
- -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);
6000
- 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);
6001
- -webkit-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
6002
- transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
6003
- }
6004
- .ant-menu::before {
6005
- display: table;
6006
- content: '';
5961
+ position: absolute;
5962
+ z-index: 1070;
5963
+ display: block;
5964
+ width: -webkit-max-content;
5965
+ width: -moz-max-content;
5966
+ width: max-content;
5967
+ max-width: 250px;
5968
+ visibility: visible;
6007
5969
  }
6008
- .ant-menu::after {
6009
- display: table;
6010
- clear: both;
6011
- content: '';
5970
+ .ant-tooltip-hidden {
5971
+ display: none;
6012
5972
  }
6013
- .ant-menu.ant-menu-root:focus-visible {
6014
- -webkit-box-shadow: 0 0 0 2px #e6f7ff;
6015
- box-shadow: 0 0 0 2px #e6f7ff;
5973
+ .ant-tooltip-placement-top,
5974
+ .ant-tooltip-placement-topLeft,
5975
+ .ant-tooltip-placement-topRight {
5976
+ padding-bottom: 8px;
6016
5977
  }
6017
- .ant-menu ul,
6018
- .ant-menu ol {
6019
- margin: 0;
6020
- padding: 0;
6021
- list-style: none;
5978
+ .ant-tooltip-placement-right,
5979
+ .ant-tooltip-placement-rightTop,
5980
+ .ant-tooltip-placement-rightBottom {
5981
+ padding-left: 8px;
6022
5982
  }
6023
- .ant-menu-overflow {
6024
- display: -webkit-box;
6025
- display: -ms-flexbox;
6026
- display: flex;
5983
+ .ant-tooltip-placement-bottom,
5984
+ .ant-tooltip-placement-bottomLeft,
5985
+ .ant-tooltip-placement-bottomRight {
5986
+ padding-top: 8px;
6027
5987
  }
6028
- .ant-menu-overflow-item {
6029
- -webkit-box-flex: 0;
6030
- -ms-flex: none;
6031
- flex: none;
6032
- }
6033
- .ant-menu-hidden,
6034
- .ant-menu-submenu-hidden {
6035
- display: none;
6036
- }
6037
- .ant-menu-item-group-title {
6038
- height: 1.5715;
6039
- padding: 8px 16px;
6040
- color: rgba(0, 0, 0, 0.45);
6041
- font-size: 14px;
6042
- line-height: 1.5715;
6043
- -webkit-transition: all 0.3s;
6044
- transition: all 0.3s;
6045
- }
6046
- .ant-menu-horizontal .ant-menu-submenu {
6047
- -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);
6048
- 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);
6049
- }
6050
- .ant-menu-submenu,
6051
- .ant-menu-submenu-inline {
6052
- -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);
6053
- 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);
6054
- }
6055
- .ant-menu-submenu-selected {
6056
- color: #1890ff;
6057
- }
6058
- .ant-menu-item:active,
6059
- .ant-menu-submenu-title:active {
6060
- background: #e6f7ff;
6061
- }
6062
- .ant-menu-submenu .ant-menu-sub {
6063
- cursor: initial;
6064
- -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);
6065
- 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);
6066
- }
6067
- .ant-menu-title-content {
6068
- -webkit-transition: color 0.3s;
6069
- transition: color 0.3s;
5988
+ .ant-tooltip-placement-left,
5989
+ .ant-tooltip-placement-leftTop,
5990
+ .ant-tooltip-placement-leftBottom {
5991
+ padding-right: 8px;
6070
5992
  }
6071
- .ant-menu-item a {
6072
- color: rgba(0, 0, 0, 0.85);
5993
+ .ant-tooltip-inner {
5994
+ min-width: 30px;
5995
+ min-height: 32px;
5996
+ padding: 6px 8px;
5997
+ color: #fff;
5998
+ text-align: left;
5999
+ text-decoration: none;
6000
+ word-wrap: break-word;
6001
+ background-color: rgba(0, 0, 0, 0.75);
6002
+ border-radius: 2px;
6003
+ -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);
6004
+ 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);
6073
6005
  }
6074
- .ant-menu-item a:hover {
6075
- color: #1890ff;
6006
+ .ant-tooltip-arrow {
6007
+ position: absolute;
6008
+ display: block;
6009
+ width: 13.07106781px;
6010
+ height: 13.07106781px;
6011
+ overflow: hidden;
6012
+ background: transparent;
6013
+ pointer-events: none;
6076
6014
  }
6077
- .ant-menu-item a::before {
6015
+ .ant-tooltip-arrow-content {
6078
6016
  position: absolute;
6079
6017
  top: 0;
6080
6018
  right: 0;
6081
6019
  bottom: 0;
6082
6020
  left: 0;
6083
- background-color: transparent;
6021
+ display: block;
6022
+ width: 5px;
6023
+ height: 5px;
6024
+ margin: auto;
6025
+ background-color: rgba(0, 0, 0, 0.75);
6084
6026
  content: '';
6027
+ pointer-events: auto;
6085
6028
  }
6086
- .ant-menu-item > .ant-badge a {
6087
- color: rgba(0, 0, 0, 0.85);
6088
- }
6089
- .ant-menu-item > .ant-badge a:hover {
6090
- color: #1890ff;
6029
+ .ant-tooltip-placement-top .ant-tooltip-arrow,
6030
+ .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
6031
+ .ant-tooltip-placement-topRight .ant-tooltip-arrow {
6032
+ bottom: -5.07106781px;
6091
6033
  }
6092
- .ant-menu-item-divider {
6093
- overflow: hidden;
6094
- line-height: 0;
6095
- border-color: #f0f0f0;
6096
- border-style: solid;
6097
- border-width: 1px 0 0;
6034
+ .ant-tooltip-placement-top .ant-tooltip-arrow-content,
6035
+ .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
6036
+ .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
6037
+ -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
6038
+ box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
6039
+ -webkit-transform: translateY(-6.53553391px) rotate(45deg);
6040
+ transform: translateY(-6.53553391px) rotate(45deg);
6098
6041
  }
6099
- .ant-menu-item-divider-dashed {
6100
- border-style: dashed;
6042
+ .ant-tooltip-placement-top .ant-tooltip-arrow {
6043
+ left: 50%;
6044
+ -webkit-transform: translateX(-50%);
6045
+ transform: translateX(-50%);
6101
6046
  }
6102
- .ant-menu-horizontal .ant-menu-item,
6103
- .ant-menu-horizontal .ant-menu-submenu {
6104
- margin-top: -1px;
6047
+ .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
6048
+ left: 13px;
6105
6049
  }
6106
- .ant-menu-horizontal > .ant-menu-item:hover,
6107
- .ant-menu-horizontal > .ant-menu-item-active,
6108
- .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
6109
- background-color: transparent;
6050
+ .ant-tooltip-placement-topRight .ant-tooltip-arrow {
6051
+ right: 13px;
6110
6052
  }
6111
- .ant-menu-item-selected {
6112
- color: #1890ff;
6053
+ .ant-tooltip-placement-right .ant-tooltip-arrow,
6054
+ .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
6055
+ .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
6056
+ left: -5.07106781px;
6113
6057
  }
6114
- .ant-menu-item-selected a,
6115
- .ant-menu-item-selected a:hover {
6116
- color: #1890ff;
6058
+ .ant-tooltip-placement-right .ant-tooltip-arrow-content,
6059
+ .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
6060
+ .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
6061
+ -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
6062
+ box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
6063
+ -webkit-transform: translateX(6.53553391px) rotate(45deg);
6064
+ transform: translateX(6.53553391px) rotate(45deg);
6117
6065
  }
6118
- .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
6119
- background-color: #e6f7ff;
6066
+ .ant-tooltip-placement-right .ant-tooltip-arrow {
6067
+ top: 50%;
6068
+ -webkit-transform: translateY(-50%);
6069
+ transform: translateY(-50%);
6120
6070
  }
6121
- .ant-menu-inline,
6122
- .ant-menu-vertical,
6123
- .ant-menu-vertical-left {
6124
- border-right: 1px solid #f0f0f0;
6071
+ .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
6072
+ top: 5px;
6125
6073
  }
6126
- .ant-menu-vertical-right {
6127
- border-left: 1px solid #f0f0f0;
6074
+ .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
6075
+ bottom: 5px;
6128
6076
  }
6129
- .ant-menu-vertical.ant-menu-sub,
6130
- .ant-menu-vertical-left.ant-menu-sub,
6131
- .ant-menu-vertical-right.ant-menu-sub {
6132
- min-width: 160px;
6133
- max-height: calc(100vh - 100px);
6134
- padding: 0;
6135
- overflow: hidden;
6136
- border-right: 0;
6077
+ .ant-tooltip-placement-left .ant-tooltip-arrow,
6078
+ .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
6079
+ .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
6080
+ right: -5.07106781px;
6137
6081
  }
6138
- .ant-menu-vertical.ant-menu-sub:not([class*='-active']),
6139
- .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
6140
- .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
6141
- overflow-x: hidden;
6142
- overflow-y: auto;
6082
+ .ant-tooltip-placement-left .ant-tooltip-arrow-content,
6083
+ .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
6084
+ .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
6085
+ -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
6086
+ box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
6087
+ -webkit-transform: translateX(-6.53553391px) rotate(45deg);
6088
+ transform: translateX(-6.53553391px) rotate(45deg);
6143
6089
  }
6144
- .ant-menu-vertical.ant-menu-sub .ant-menu-item,
6145
- .ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
6146
- .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
6147
- left: 0;
6148
- margin-left: 0;
6149
- border-right: 0;
6090
+ .ant-tooltip-placement-left .ant-tooltip-arrow {
6091
+ top: 50%;
6092
+ -webkit-transform: translateY(-50%);
6093
+ transform: translateY(-50%);
6150
6094
  }
6151
- .ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
6152
- .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
6153
- .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
6154
- border-right: 0;
6095
+ .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
6096
+ top: 5px;
6155
6097
  }
6156
- .ant-menu-vertical.ant-menu-sub > .ant-menu-item,
6157
- .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
6158
- .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
6159
- .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
6160
- .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
6161
- .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
6162
- -webkit-transform-origin: 0 0;
6163
- transform-origin: 0 0;
6098
+ .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
6099
+ bottom: 5px;
6164
6100
  }
6165
- .ant-menu-horizontal.ant-menu-sub {
6166
- min-width: 114px;
6101
+ .ant-tooltip-placement-bottom .ant-tooltip-arrow,
6102
+ .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
6103
+ .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
6104
+ top: -5.07106781px;
6167
6105
  }
6168
- .ant-menu-horizontal .ant-menu-item,
6169
- .ant-menu-horizontal .ant-menu-submenu-title {
6170
- -webkit-transition: border-color 0.3s, background 0.3s;
6171
- transition: border-color 0.3s, background 0.3s;
6106
+ .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
6107
+ .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
6108
+ .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
6109
+ -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
6110
+ box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
6111
+ -webkit-transform: translateY(6.53553391px) rotate(45deg);
6112
+ transform: translateY(6.53553391px) rotate(45deg);
6172
6113
  }
6173
- .ant-menu-item,
6174
- .ant-menu-submenu-title {
6175
- position: relative;
6176
- display: block;
6177
- margin: 0;
6178
- padding: 0 20px;
6179
- white-space: nowrap;
6180
- cursor: pointer;
6181
- -webkit-transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6182
- transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6114
+ .ant-tooltip-placement-bottom .ant-tooltip-arrow {
6115
+ left: 50%;
6116
+ -webkit-transform: translateX(-50%);
6117
+ transform: translateX(-50%);
6183
6118
  }
6184
- .ant-menu-item .ant-menu-item-icon,
6185
- .ant-menu-submenu-title .ant-menu-item-icon,
6186
- .ant-menu-item .anticon,
6187
- .ant-menu-submenu-title .anticon {
6188
- min-width: 14px;
6189
- font-size: 14px;
6190
- -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;
6191
- 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;
6119
+ .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
6120
+ left: 13px;
6192
6121
  }
6193
- .ant-menu-item .ant-menu-item-icon + span,
6194
- .ant-menu-submenu-title .ant-menu-item-icon + span,
6195
- .ant-menu-item .anticon + span,
6196
- .ant-menu-submenu-title .anticon + span {
6197
- margin-left: 10px;
6198
- opacity: 1;
6199
- -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
6200
- transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
6122
+ .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
6123
+ right: 13px;
6201
6124
  }
6202
- .ant-menu-item .ant-menu-item-icon.svg,
6203
- .ant-menu-submenu-title .ant-menu-item-icon.svg {
6204
- vertical-align: -0.125em;
6125
+ .ant-tooltip-pink .ant-tooltip-inner {
6126
+ background-color: #eb2f96;
6205
6127
  }
6206
- .ant-menu-item.ant-menu-item-only-child > .anticon,
6207
- .ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
6208
- .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
6209
- .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
6210
- margin-right: 0;
6128
+ .ant-tooltip-pink .ant-tooltip-arrow-content {
6129
+ background-color: #eb2f96;
6211
6130
  }
6212
- .ant-menu-item:focus-visible,
6213
- .ant-menu-submenu-title:focus-visible {
6214
- -webkit-box-shadow: 0 0 0 2px #e6f7ff;
6215
- box-shadow: 0 0 0 2px #e6f7ff;
6131
+ .ant-tooltip-magenta .ant-tooltip-inner {
6132
+ background-color: #eb2f96;
6216
6133
  }
6217
- .ant-menu > .ant-menu-item-divider {
6218
- margin: 1px 0;
6219
- padding: 0;
6134
+ .ant-tooltip-magenta .ant-tooltip-arrow-content {
6135
+ background-color: #eb2f96;
6220
6136
  }
6221
- .ant-menu-submenu-popup {
6222
- position: absolute;
6223
- z-index: 1050;
6224
- background: transparent;
6225
- border-radius: 2px;
6226
- -webkit-box-shadow: none;
6227
- box-shadow: none;
6228
- -webkit-transform-origin: 0 0;
6229
- transform-origin: 0 0;
6137
+ .ant-tooltip-red .ant-tooltip-inner {
6138
+ background-color: #f5222d;
6230
6139
  }
6231
- .ant-menu-submenu-popup::before {
6232
- position: absolute;
6233
- top: -7px;
6234
- right: 0;
6235
- bottom: 0;
6236
- left: 0;
6237
- z-index: -1;
6238
- width: 100%;
6239
- height: 100%;
6240
- opacity: 0.0001;
6241
- content: ' ';
6140
+ .ant-tooltip-red .ant-tooltip-arrow-content {
6141
+ background-color: #f5222d;
6242
6142
  }
6243
- .ant-menu-submenu-placement-rightTop::before {
6244
- top: 0;
6245
- left: -7px;
6143
+ .ant-tooltip-volcano .ant-tooltip-inner {
6144
+ background-color: #fa541c;
6246
6145
  }
6247
- .ant-menu-submenu > .ant-menu {
6248
- background-color: #fff;
6249
- border-radius: 2px;
6146
+ .ant-tooltip-volcano .ant-tooltip-arrow-content {
6147
+ background-color: #fa541c;
6250
6148
  }
6251
- .ant-menu-submenu > .ant-menu-submenu-title::after {
6252
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6253
- transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6254
- transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6255
- 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);
6149
+ .ant-tooltip-orange .ant-tooltip-inner {
6150
+ background-color: #fa8c16;
6256
6151
  }
6257
- .ant-menu-submenu-popup > .ant-menu {
6258
- background-color: #fff;
6152
+ .ant-tooltip-orange .ant-tooltip-arrow-content {
6153
+ background-color: #fa8c16;
6259
6154
  }
6260
- .ant-menu-submenu-expand-icon,
6261
- .ant-menu-submenu-arrow {
6262
- position: absolute;
6263
- top: 50%;
6264
- right: 16px;
6265
- width: 10px;
6266
- color: rgba(0, 0, 0, 0.85);
6267
- -webkit-transform: translateY(-50%);
6268
- transform: translateY(-50%);
6269
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6270
- transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6271
- transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6272
- 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);
6155
+ .ant-tooltip-yellow .ant-tooltip-inner {
6156
+ background-color: #fadb14;
6273
6157
  }
6274
- .ant-menu-submenu-arrow::before,
6275
- .ant-menu-submenu-arrow::after {
6276
- position: absolute;
6277
- width: 6px;
6278
- height: 1.5px;
6279
- background-color: currentColor;
6280
- border-radius: 2px;
6281
- -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);
6282
- 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);
6283
- 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);
6284
- 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);
6285
- content: '';
6158
+ .ant-tooltip-yellow .ant-tooltip-arrow-content {
6159
+ background-color: #fadb14;
6286
6160
  }
6287
- .ant-menu-submenu-arrow::before {
6288
- -webkit-transform: rotate(45deg) translateY(-2.5px);
6289
- transform: rotate(45deg) translateY(-2.5px);
6161
+ .ant-tooltip-gold .ant-tooltip-inner {
6162
+ background-color: #faad14;
6290
6163
  }
6291
- .ant-menu-submenu-arrow::after {
6292
- -webkit-transform: rotate(-45deg) translateY(2.5px);
6293
- transform: rotate(-45deg) translateY(2.5px);
6164
+ .ant-tooltip-gold .ant-tooltip-arrow-content {
6165
+ background-color: #faad14;
6294
6166
  }
6295
- .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
6296
- .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
6297
- color: #1890ff;
6167
+ .ant-tooltip-cyan .ant-tooltip-inner {
6168
+ background-color: #13c2c2;
6298
6169
  }
6299
- .ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
6300
- .ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
6301
- -webkit-transform: rotate(-45deg) translateX(2.5px);
6302
- transform: rotate(-45deg) translateX(2.5px);
6170
+ .ant-tooltip-cyan .ant-tooltip-arrow-content {
6171
+ background-color: #13c2c2;
6303
6172
  }
6304
- .ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
6305
- .ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
6306
- -webkit-transform: rotate(45deg) translateX(-2.5px);
6307
- transform: rotate(45deg) translateX(-2.5px);
6173
+ .ant-tooltip-lime .ant-tooltip-inner {
6174
+ background-color: #a0d911;
6308
6175
  }
6309
- .ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
6310
- display: none;
6176
+ .ant-tooltip-lime .ant-tooltip-arrow-content {
6177
+ background-color: #a0d911;
6311
6178
  }
6312
- .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
6313
- -webkit-transform: translateY(-2px);
6314
- transform: translateY(-2px);
6179
+ .ant-tooltip-green .ant-tooltip-inner {
6180
+ background-color: #52c41a;
6315
6181
  }
6316
- .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
6317
- -webkit-transform: rotate(-45deg) translateX(-2.5px);
6318
- transform: rotate(-45deg) translateX(-2.5px);
6182
+ .ant-tooltip-green .ant-tooltip-arrow-content {
6183
+ background-color: #52c41a;
6319
6184
  }
6320
- .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
6321
- -webkit-transform: rotate(45deg) translateX(2.5px);
6322
- transform: rotate(45deg) translateX(2.5px);
6185
+ .ant-tooltip-blue .ant-tooltip-inner {
6186
+ background-color: #1890ff;
6323
6187
  }
6324
- .ant-menu-vertical .ant-menu-submenu-selected,
6325
- .ant-menu-vertical-left .ant-menu-submenu-selected,
6326
- .ant-menu-vertical-right .ant-menu-submenu-selected {
6327
- color: #1890ff;
6188
+ .ant-tooltip-blue .ant-tooltip-arrow-content {
6189
+ background-color: #1890ff;
6328
6190
  }
6329
- .ant-menu-horizontal {
6330
- line-height: 46px;
6331
- border: 0;
6332
- border-bottom: 1px solid #f0f0f0;
6333
- -webkit-box-shadow: none;
6334
- box-shadow: none;
6191
+ .ant-tooltip-geekblue .ant-tooltip-inner {
6192
+ background-color: #2f54eb;
6335
6193
  }
6336
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
6337
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
6338
- margin-top: -1px;
6339
- margin-bottom: 0;
6340
- padding: 0 20px;
6194
+ .ant-tooltip-geekblue .ant-tooltip-arrow-content {
6195
+ background-color: #2f54eb;
6341
6196
  }
6342
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
6343
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
6344
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
6345
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
6346
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
6347
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
6348
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
6349
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
6350
- color: #1890ff;
6197
+ .ant-tooltip-purple .ant-tooltip-inner {
6198
+ background-color: #722ed1;
6351
6199
  }
6352
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
6353
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
6354
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
6355
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
6356
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
6357
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
6358
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
6359
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
6360
- border-bottom: 2px solid #1890ff;
6200
+ .ant-tooltip-purple .ant-tooltip-arrow-content {
6201
+ background-color: #722ed1;
6361
6202
  }
6362
- .ant-menu-horizontal > .ant-menu-item,
6363
- .ant-menu-horizontal > .ant-menu-submenu {
6364
- position: relative;
6365
- top: 1px;
6203
+ .ant-tooltip-rtl {
6204
+ direction: rtl;
6205
+ }
6206
+ .ant-tooltip-rtl .ant-tooltip-inner {
6207
+ text-align: right;
6208
+ }
6209
+ .pandora-sdk-name-limit {
6210
+ max-width: 100%;
6366
6211
  display: inline-block;
6367
- vertical-align: bottom;
6212
+ vertical-align: top;
6213
+ white-space: nowrap;
6214
+ text-overflow: ellipsis;
6215
+ overflow: hidden;
6368
6216
  }
6369
- .ant-menu-horizontal > .ant-menu-item::after,
6370
- .ant-menu-horizontal > .ant-menu-submenu::after {
6371
- position: absolute;
6372
- right: 20px;
6373
- bottom: 0;
6374
- left: 20px;
6375
- border-bottom: 2px solid transparent;
6376
- -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6377
- transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6378
- content: '';
6217
+ .pandora-sdk-name-limit-tooltip .ant-tooltip-inner {
6218
+ max-width: 400px;
6219
+ max-height: 200px;
6220
+ overflow: auto;
6379
6221
  }
6380
- .ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
6381
- padding: 0;
6222
+ .ant-menu-item-danger.ant-menu-item {
6223
+ color: #ff4d4f;
6382
6224
  }
6383
- .ant-menu-horizontal > .ant-menu-item a {
6384
- color: rgba(0, 0, 0, 0.85);
6225
+ .ant-menu-item-danger.ant-menu-item:hover,
6226
+ .ant-menu-item-danger.ant-menu-item-active {
6227
+ color: #ff4d4f;
6385
6228
  }
6386
- .ant-menu-horizontal > .ant-menu-item a:hover {
6387
- color: #1890ff;
6229
+ .ant-menu-item-danger.ant-menu-item:active {
6230
+ background: #fff1f0;
6388
6231
  }
6389
- .ant-menu-horizontal > .ant-menu-item a::before {
6390
- bottom: -2px;
6232
+ .ant-menu-item-danger.ant-menu-item-selected {
6233
+ color: #ff4d4f;
6391
6234
  }
6392
- .ant-menu-horizontal > .ant-menu-item-selected a {
6393
- color: #1890ff;
6235
+ .ant-menu-item-danger.ant-menu-item-selected > a,
6236
+ .ant-menu-item-danger.ant-menu-item-selected > a:hover {
6237
+ color: #ff4d4f;
6394
6238
  }
6395
- .ant-menu-horizontal::after {
6396
- display: block;
6397
- clear: both;
6398
- height: 0;
6399
- content: '\20';
6239
+ .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
6240
+ background-color: #fff1f0;
6400
6241
  }
6401
- .ant-menu-vertical .ant-menu-item,
6402
- .ant-menu-vertical-left .ant-menu-item,
6403
- .ant-menu-vertical-right .ant-menu-item,
6404
- .ant-menu-inline .ant-menu-item {
6405
- position: relative;
6242
+ .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
6243
+ border-right-color: #ff4d4f;
6406
6244
  }
6407
- .ant-menu-vertical .ant-menu-item::after,
6408
- .ant-menu-vertical-left .ant-menu-item::after,
6409
- .ant-menu-vertical-right .ant-menu-item::after,
6410
- .ant-menu-inline .ant-menu-item::after {
6411
- position: absolute;
6412
- top: 0;
6413
- right: 0;
6414
- bottom: 0;
6415
- border-right: 3px solid #1890ff;
6416
- -webkit-transform: scaleY(0.0001);
6417
- transform: scaleY(0.0001);
6418
- opacity: 0;
6419
- -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);
6420
- 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);
6421
- 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);
6422
- 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);
6423
- content: '';
6424
- }
6425
- .ant-menu-vertical .ant-menu-item,
6426
- .ant-menu-vertical-left .ant-menu-item,
6427
- .ant-menu-vertical-right .ant-menu-item,
6428
- .ant-menu-inline .ant-menu-item,
6429
- .ant-menu-vertical .ant-menu-submenu-title,
6430
- .ant-menu-vertical-left .ant-menu-submenu-title,
6431
- .ant-menu-vertical-right .ant-menu-submenu-title,
6432
- .ant-menu-inline .ant-menu-submenu-title {
6433
- height: 40px;
6434
- margin-top: 4px;
6435
- margin-bottom: 4px;
6436
- padding: 0 16px;
6437
- overflow: hidden;
6438
- line-height: 40px;
6439
- text-overflow: ellipsis;
6440
- }
6441
- .ant-menu-vertical .ant-menu-submenu,
6442
- .ant-menu-vertical-left .ant-menu-submenu,
6443
- .ant-menu-vertical-right .ant-menu-submenu,
6444
- .ant-menu-inline .ant-menu-submenu {
6445
- padding-bottom: 0.02px;
6446
- }
6447
- .ant-menu-vertical .ant-menu-item:not(:last-child),
6448
- .ant-menu-vertical-left .ant-menu-item:not(:last-child),
6449
- .ant-menu-vertical-right .ant-menu-item:not(:last-child),
6450
- .ant-menu-inline .ant-menu-item:not(:last-child) {
6451
- margin-bottom: 8px;
6245
+ .ant-menu-dark .ant-menu-item-danger.ant-menu-item,
6246
+ .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
6247
+ .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
6248
+ color: #ff4d4f;
6452
6249
  }
6453
- .ant-menu-vertical > .ant-menu-item,
6454
- .ant-menu-vertical-left > .ant-menu-item,
6455
- .ant-menu-vertical-right > .ant-menu-item,
6456
- .ant-menu-inline > .ant-menu-item,
6457
- .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
6458
- .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
6459
- .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
6460
- .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
6461
- height: 40px;
6462
- line-height: 40px;
6250
+ .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
6251
+ color: #fff;
6252
+ background-color: #ff4d4f;
6463
6253
  }
6464
- .ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
6465
- .ant-menu-vertical .ant-menu-submenu-title {
6466
- padding-right: 34px;
6254
+ .ant-menu {
6255
+ -webkit-box-sizing: border-box;
6256
+ box-sizing: border-box;
6257
+ margin: 0;
6258
+ padding: 0;
6259
+ font-variant: tabular-nums;
6260
+ line-height: 1.5715;
6261
+ -webkit-font-feature-settings: 'tnum';
6262
+ font-feature-settings: 'tnum';
6263
+ margin-bottom: 0;
6264
+ padding-left: 0;
6265
+ color: rgba(0, 0, 0, 0.85);
6266
+ font-size: 14px;
6267
+ line-height: 0;
6268
+ text-align: left;
6269
+ list-style: none;
6270
+ background: #fff;
6271
+ outline: none;
6272
+ -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);
6273
+ 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);
6274
+ -webkit-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
6275
+ transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
6467
6276
  }
6468
- .ant-menu-inline {
6469
- width: 100%;
6277
+ .ant-menu::before {
6278
+ display: table;
6279
+ content: '';
6470
6280
  }
6471
- .ant-menu-inline .ant-menu-selected::after,
6472
- .ant-menu-inline .ant-menu-item-selected::after {
6473
- -webkit-transform: scaleY(1);
6474
- transform: scaleY(1);
6475
- opacity: 1;
6476
- -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);
6477
- 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);
6478
- 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);
6479
- 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);
6281
+ .ant-menu::after {
6282
+ display: table;
6283
+ clear: both;
6284
+ content: '';
6480
6285
  }
6481
- .ant-menu-inline .ant-menu-item,
6482
- .ant-menu-inline .ant-menu-submenu-title {
6483
- width: calc(100% + 1px);
6286
+ .ant-menu.ant-menu-root:focus-visible {
6287
+ -webkit-box-shadow: 0 0 0 2px #e6f7ff;
6288
+ box-shadow: 0 0 0 2px #e6f7ff;
6484
6289
  }
6485
- .ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
6486
- .ant-menu-inline .ant-menu-submenu-title {
6487
- padding-right: 34px;
6290
+ .ant-menu ul,
6291
+ .ant-menu ol {
6292
+ margin: 0;
6293
+ padding: 0;
6294
+ list-style: none;
6488
6295
  }
6489
- .ant-menu-inline.ant-menu-root .ant-menu-item,
6490
- .ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
6296
+ .ant-menu-overflow {
6491
6297
  display: -webkit-box;
6492
6298
  display: -ms-flexbox;
6493
6299
  display: flex;
6494
- -webkit-box-align: center;
6495
- -ms-flex-align: center;
6496
- align-items: center;
6497
- -webkit-transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
6498
- transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
6499
- }
6500
- .ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
6501
- .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
6502
- -webkit-box-flex: 1;
6503
- -ms-flex: auto;
6504
- flex: auto;
6505
- min-width: 0;
6506
- overflow: hidden;
6507
- text-overflow: ellipsis;
6508
6300
  }
6509
- .ant-menu-inline.ant-menu-root .ant-menu-item > *,
6510
- .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
6301
+ .ant-menu-overflow-item {
6511
6302
  -webkit-box-flex: 0;
6512
6303
  -ms-flex: none;
6513
6304
  flex: none;
6514
6305
  }
6515
- .ant-menu.ant-menu-inline-collapsed {
6516
- width: 80px;
6306
+ .ant-menu-hidden,
6307
+ .ant-menu-submenu-hidden {
6308
+ display: none;
6517
6309
  }
6518
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
6519
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
6520
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
6521
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
6522
- left: 0;
6523
- padding: 0 calc(50% - 16px / 2);
6524
- text-overflow: clip;
6310
+ .ant-menu-item-group-title {
6311
+ height: 1.5715;
6312
+ padding: 8px 16px;
6313
+ color: rgba(0, 0, 0, 0.45);
6314
+ font-size: 14px;
6315
+ line-height: 1.5715;
6316
+ -webkit-transition: all 0.3s;
6317
+ transition: all 0.3s;
6525
6318
  }
6526
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
6527
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
6528
- .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,
6529
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
6530
- opacity: 0;
6319
+ .ant-menu-horizontal .ant-menu-submenu {
6320
+ -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);
6321
+ 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);
6531
6322
  }
6532
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
6533
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
6534
- .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,
6535
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
6536
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
6537
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
6538
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
6539
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
6540
- margin: 0;
6541
- font-size: 16px;
6542
- line-height: 40px;
6323
+ .ant-menu-submenu,
6324
+ .ant-menu-submenu-inline {
6325
+ -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);
6326
+ 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);
6543
6327
  }
6544
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
6545
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
6546
- .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,
6547
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
6548
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
6549
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
6550
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
6551
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
6552
- display: inline-block;
6553
- opacity: 0;
6328
+ .ant-menu-submenu-selected {
6329
+ color: #1890ff;
6554
6330
  }
6555
- .ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
6556
- .ant-menu.ant-menu-inline-collapsed .anticon {
6557
- display: inline-block;
6331
+ .ant-menu-item:active,
6332
+ .ant-menu-submenu-title:active {
6333
+ background: #e6f7ff;
6558
6334
  }
6559
- .ant-menu.ant-menu-inline-collapsed-tooltip {
6560
- pointer-events: none;
6335
+ .ant-menu-submenu .ant-menu-sub {
6336
+ cursor: initial;
6337
+ -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);
6338
+ 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);
6561
6339
  }
6562
- .ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
6563
- .ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
6564
- display: none;
6340
+ .ant-menu-title-content {
6341
+ -webkit-transition: color 0.3s;
6342
+ transition: color 0.3s;
6565
6343
  }
6566
- .ant-menu.ant-menu-inline-collapsed-tooltip a {
6567
- color: rgba(255, 255, 255, 0.85);
6344
+ .ant-menu-item a {
6345
+ color: rgba(0, 0, 0, 0.85);
6568
6346
  }
6569
- .ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
6570
- padding-right: 4px;
6571
- padding-left: 4px;
6572
- overflow: hidden;
6573
- white-space: nowrap;
6574
- text-overflow: ellipsis;
6347
+ .ant-menu-item a:hover {
6348
+ color: #1890ff;
6575
6349
  }
6576
- .ant-menu-item-group-list {
6577
- margin: 0;
6578
- padding: 0;
6350
+ .ant-menu-item a::before {
6351
+ position: absolute;
6352
+ top: 0;
6353
+ right: 0;
6354
+ bottom: 0;
6355
+ left: 0;
6356
+ background-color: transparent;
6357
+ content: '';
6579
6358
  }
6580
- .ant-menu-item-group-list .ant-menu-item,
6581
- .ant-menu-item-group-list .ant-menu-submenu-title {
6582
- padding: 0 16px 0 28px;
6359
+ .ant-menu-item > .ant-badge a {
6360
+ color: rgba(0, 0, 0, 0.85);
6583
6361
  }
6584
- .ant-menu-root.ant-menu-vertical,
6585
- .ant-menu-root.ant-menu-vertical-left,
6586
- .ant-menu-root.ant-menu-vertical-right,
6587
- .ant-menu-root.ant-menu-inline {
6588
- -webkit-box-shadow: none;
6589
- box-shadow: none;
6362
+ .ant-menu-item > .ant-badge a:hover {
6363
+ color: #1890ff;
6590
6364
  }
6591
- .ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
6592
- .ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
6593
- font-size: 16px;
6594
- text-align: center;
6365
+ .ant-menu-item-divider {
6366
+ overflow: hidden;
6367
+ line-height: 0;
6368
+ border-color: #f0f0f0;
6369
+ border-style: solid;
6370
+ border-width: 1px 0 0;
6595
6371
  }
6596
- .ant-menu-sub.ant-menu-inline {
6597
- padding: 0;
6598
- background: #fafafa;
6599
- border: 0;
6600
- border-radius: 0;
6601
- -webkit-box-shadow: none;
6602
- box-shadow: none;
6372
+ .ant-menu-item-divider-dashed {
6373
+ border-style: dashed;
6603
6374
  }
6604
- .ant-menu-sub.ant-menu-inline > .ant-menu-item,
6605
- .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
6606
- height: 40px;
6607
- line-height: 40px;
6608
- list-style-position: inside;
6609
- list-style-type: disc;
6375
+ .ant-menu-horizontal .ant-menu-item,
6376
+ .ant-menu-horizontal .ant-menu-submenu {
6377
+ margin-top: -1px;
6610
6378
  }
6611
- .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
6612
- padding-left: 32px;
6379
+ .ant-menu-horizontal > .ant-menu-item:hover,
6380
+ .ant-menu-horizontal > .ant-menu-item-active,
6381
+ .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
6382
+ background-color: transparent;
6613
6383
  }
6614
- .ant-menu-item-disabled,
6615
- .ant-menu-submenu-disabled {
6616
- color: rgba(0, 0, 0, 0.25) !important;
6617
- background: none;
6618
- cursor: not-allowed;
6384
+ .ant-menu-item-selected {
6385
+ color: #1890ff;
6619
6386
  }
6620
- .ant-menu-item-disabled::after,
6621
- .ant-menu-submenu-disabled::after {
6622
- border-color: transparent !important;
6387
+ .ant-menu-item-selected a,
6388
+ .ant-menu-item-selected a:hover {
6389
+ color: #1890ff;
6623
6390
  }
6624
- .ant-menu-item-disabled a,
6625
- .ant-menu-submenu-disabled a {
6626
- color: rgba(0, 0, 0, 0.25) !important;
6627
- pointer-events: none;
6391
+ .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
6392
+ background-color: #e6f7ff;
6628
6393
  }
6629
- .ant-menu-item-disabled > .ant-menu-submenu-title,
6630
- .ant-menu-submenu-disabled > .ant-menu-submenu-title {
6631
- color: rgba(0, 0, 0, 0.25) !important;
6632
- cursor: not-allowed;
6394
+ .ant-menu-inline,
6395
+ .ant-menu-vertical,
6396
+ .ant-menu-vertical-left {
6397
+ border-right: 1px solid #f0f0f0;
6633
6398
  }
6634
- .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6635
- .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6636
- .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6637
- .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
6638
- background: rgba(0, 0, 0, 0.25) !important;
6399
+ .ant-menu-vertical-right {
6400
+ border-left: 1px solid #f0f0f0;
6639
6401
  }
6640
- .ant-layout-header .ant-menu {
6641
- line-height: inherit;
6402
+ .ant-menu-vertical.ant-menu-sub,
6403
+ .ant-menu-vertical-left.ant-menu-sub,
6404
+ .ant-menu-vertical-right.ant-menu-sub {
6405
+ min-width: 160px;
6406
+ max-height: calc(100vh - 100px);
6407
+ padding: 0;
6408
+ overflow: hidden;
6409
+ border-right: 0;
6642
6410
  }
6643
- .ant-menu-inline-collapsed-tooltip a,
6644
- .ant-menu-inline-collapsed-tooltip a:hover {
6645
- color: #fff;
6411
+ .ant-menu-vertical.ant-menu-sub:not([class*='-active']),
6412
+ .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
6413
+ .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
6414
+ overflow-x: hidden;
6415
+ overflow-y: auto;
6646
6416
  }
6647
- .ant-menu-light .ant-menu-item:hover,
6648
- .ant-menu-light .ant-menu-item-active,
6649
- .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
6650
- .ant-menu-light .ant-menu-submenu-active,
6651
- .ant-menu-light .ant-menu-submenu-title:hover {
6652
- color: #1890ff;
6417
+ .ant-menu-vertical.ant-menu-sub .ant-menu-item,
6418
+ .ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
6419
+ .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
6420
+ left: 0;
6421
+ margin-left: 0;
6422
+ border-right: 0;
6653
6423
  }
6654
- .ant-menu.ant-menu-dark,
6655
- .ant-menu-dark .ant-menu-sub,
6656
- .ant-menu.ant-menu-dark .ant-menu-sub {
6657
- color: rgba(255, 255, 255, 0.65);
6658
- background: #001529;
6424
+ .ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
6425
+ .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
6426
+ .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
6427
+ border-right: 0;
6659
6428
  }
6660
- .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
6661
- .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
6662
- .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
6663
- opacity: 0.45;
6664
- -webkit-transition: all 0.3s;
6665
- transition: all 0.3s;
6429
+ .ant-menu-vertical.ant-menu-sub > .ant-menu-item,
6430
+ .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
6431
+ .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
6432
+ .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
6433
+ .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
6434
+ .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
6435
+ -webkit-transform-origin: 0 0;
6436
+ transform-origin: 0 0;
6666
6437
  }
6667
- .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6668
- .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6669
- .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6670
- .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
6671
- .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
6672
- .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
6673
- background: #fff;
6438
+ .ant-menu-horizontal.ant-menu-sub {
6439
+ min-width: 114px;
6674
6440
  }
6675
- .ant-menu-dark.ant-menu-submenu-popup {
6676
- background: transparent;
6441
+ .ant-menu-horizontal .ant-menu-item,
6442
+ .ant-menu-horizontal .ant-menu-submenu-title {
6443
+ -webkit-transition: border-color 0.3s, background 0.3s;
6444
+ transition: border-color 0.3s, background 0.3s;
6677
6445
  }
6678
- .ant-menu-dark .ant-menu-inline.ant-menu-sub {
6679
- background: #000c17;
6446
+ .ant-menu-item,
6447
+ .ant-menu-submenu-title {
6448
+ position: relative;
6449
+ display: block;
6450
+ margin: 0;
6451
+ padding: 0 20px;
6452
+ white-space: nowrap;
6453
+ cursor: pointer;
6454
+ -webkit-transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6455
+ transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6680
6456
  }
6681
- .ant-menu-dark.ant-menu-horizontal {
6682
- border-bottom: 0;
6457
+ .ant-menu-item .ant-menu-item-icon,
6458
+ .ant-menu-submenu-title .ant-menu-item-icon,
6459
+ .ant-menu-item .anticon,
6460
+ .ant-menu-submenu-title .anticon {
6461
+ min-width: 14px;
6462
+ font-size: 14px;
6463
+ -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;
6464
+ 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;
6683
6465
  }
6684
- .ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
6685
- .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
6686
- top: 0;
6687
- margin-top: 0;
6688
- padding: 0 20px;
6689
- border-color: #001529;
6690
- border-bottom: 0;
6466
+ .ant-menu-item .ant-menu-item-icon + span,
6467
+ .ant-menu-submenu-title .ant-menu-item-icon + span,
6468
+ .ant-menu-item .anticon + span,
6469
+ .ant-menu-submenu-title .anticon + span {
6470
+ margin-left: 10px;
6471
+ opacity: 1;
6472
+ -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
6473
+ transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
6691
6474
  }
6692
- .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
6693
- background-color: #1890ff;
6475
+ .ant-menu-item .ant-menu-item-icon.svg,
6476
+ .ant-menu-submenu-title .ant-menu-item-icon.svg {
6477
+ vertical-align: -0.125em;
6694
6478
  }
6695
- .ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
6696
- bottom: 0;
6479
+ .ant-menu-item.ant-menu-item-only-child > .anticon,
6480
+ .ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
6481
+ .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
6482
+ .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
6483
+ margin-right: 0;
6697
6484
  }
6698
- .ant-menu-dark .ant-menu-item,
6699
- .ant-menu-dark .ant-menu-item-group-title,
6700
- .ant-menu-dark .ant-menu-item > a,
6701
- .ant-menu-dark .ant-menu-item > span > a {
6702
- color: rgba(255, 255, 255, 0.65);
6485
+ .ant-menu-item:focus-visible,
6486
+ .ant-menu-submenu-title:focus-visible {
6487
+ -webkit-box-shadow: 0 0 0 2px #e6f7ff;
6488
+ box-shadow: 0 0 0 2px #e6f7ff;
6703
6489
  }
6704
- .ant-menu-dark.ant-menu-inline,
6705
- .ant-menu-dark.ant-menu-vertical,
6706
- .ant-menu-dark.ant-menu-vertical-left,
6707
- .ant-menu-dark.ant-menu-vertical-right {
6708
- border-right: 0;
6490
+ .ant-menu > .ant-menu-item-divider {
6491
+ margin: 1px 0;
6492
+ padding: 0;
6709
6493
  }
6710
- .ant-menu-dark.ant-menu-inline .ant-menu-item,
6711
- .ant-menu-dark.ant-menu-vertical .ant-menu-item,
6712
- .ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
6713
- .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
6494
+ .ant-menu-submenu-popup {
6495
+ position: absolute;
6496
+ z-index: 1050;
6497
+ background: transparent;
6498
+ border-radius: 2px;
6499
+ -webkit-box-shadow: none;
6500
+ box-shadow: none;
6501
+ -webkit-transform-origin: 0 0;
6502
+ transform-origin: 0 0;
6503
+ }
6504
+ .ant-menu-submenu-popup::before {
6505
+ position: absolute;
6506
+ top: -7px;
6507
+ right: 0;
6508
+ bottom: 0;
6714
6509
  left: 0;
6715
- margin-left: 0;
6716
- border-right: 0;
6510
+ z-index: -1;
6511
+ width: 100%;
6512
+ height: 100%;
6513
+ opacity: 0.0001;
6514
+ content: ' ';
6717
6515
  }
6718
- .ant-menu-dark.ant-menu-inline .ant-menu-item::after,
6719
- .ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
6720
- .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
6721
- .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
6722
- border-right: 0;
6516
+ .ant-menu-submenu-placement-rightTop::before {
6517
+ top: 0;
6518
+ left: -7px;
6723
6519
  }
6724
- .ant-menu-dark.ant-menu-inline .ant-menu-item,
6725
- .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
6726
- width: 100%;
6520
+ .ant-menu-submenu > .ant-menu {
6521
+ background-color: #fff;
6522
+ border-radius: 2px;
6727
6523
  }
6728
- .ant-menu-dark .ant-menu-item:hover,
6729
- .ant-menu-dark .ant-menu-item-active,
6730
- .ant-menu-dark .ant-menu-submenu-active,
6731
- .ant-menu-dark .ant-menu-submenu-open,
6732
- .ant-menu-dark .ant-menu-submenu-selected,
6733
- .ant-menu-dark .ant-menu-submenu-title:hover {
6734
- color: #fff;
6735
- background-color: transparent;
6524
+ .ant-menu-submenu > .ant-menu-submenu-title::after {
6525
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6526
+ transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6527
+ transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6528
+ 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);
6736
6529
  }
6737
- .ant-menu-dark .ant-menu-item:hover > a,
6738
- .ant-menu-dark .ant-menu-item-active > a,
6739
- .ant-menu-dark .ant-menu-submenu-active > a,
6740
- .ant-menu-dark .ant-menu-submenu-open > a,
6741
- .ant-menu-dark .ant-menu-submenu-selected > a,
6742
- .ant-menu-dark .ant-menu-submenu-title:hover > a,
6743
- .ant-menu-dark .ant-menu-item:hover > span > a,
6744
- .ant-menu-dark .ant-menu-item-active > span > a,
6745
- .ant-menu-dark .ant-menu-submenu-active > span > a,
6746
- .ant-menu-dark .ant-menu-submenu-open > span > a,
6747
- .ant-menu-dark .ant-menu-submenu-selected > span > a,
6748
- .ant-menu-dark .ant-menu-submenu-title:hover > span > a {
6749
- color: #fff;
6530
+ .ant-menu-submenu-popup > .ant-menu {
6531
+ background-color: #fff;
6750
6532
  }
6751
- .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6752
- .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6753
- .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6754
- .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6755
- .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
6756
- .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
6757
- opacity: 1;
6758
- }
6759
- .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6760
- .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6761
- .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6762
- .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6763
- .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6764
- .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6765
- .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6766
- .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6767
- .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6768
- .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6769
- .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6770
- .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
6771
- background: #fff;
6772
- }
6773
- .ant-menu-dark .ant-menu-item:hover {
6774
- background-color: transparent;
6775
- }
6776
- .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
6777
- background-color: #1890ff;
6778
- }
6779
- .ant-menu-dark .ant-menu-item-selected {
6780
- color: #fff;
6781
- border-right: 0;
6533
+ .ant-menu-submenu-expand-icon,
6534
+ .ant-menu-submenu-arrow {
6535
+ position: absolute;
6536
+ top: 50%;
6537
+ right: 16px;
6538
+ width: 10px;
6539
+ color: rgba(0, 0, 0, 0.85);
6540
+ -webkit-transform: translateY(-50%);
6541
+ transform: translateY(-50%);
6542
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6543
+ transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6544
+ transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6545
+ 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);
6782
6546
  }
6783
- .ant-menu-dark .ant-menu-item-selected::after {
6784
- border-right: 0;
6547
+ .ant-menu-submenu-arrow::before,
6548
+ .ant-menu-submenu-arrow::after {
6549
+ position: absolute;
6550
+ width: 6px;
6551
+ height: 1.5px;
6552
+ background-color: currentColor;
6553
+ border-radius: 2px;
6554
+ -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);
6555
+ 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);
6556
+ 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);
6557
+ 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);
6558
+ content: '';
6785
6559
  }
6786
- .ant-menu-dark .ant-menu-item-selected > a,
6787
- .ant-menu-dark .ant-menu-item-selected > span > a,
6788
- .ant-menu-dark .ant-menu-item-selected > a:hover,
6789
- .ant-menu-dark .ant-menu-item-selected > span > a:hover {
6790
- color: #fff;
6560
+ .ant-menu-submenu-arrow::before {
6561
+ -webkit-transform: rotate(45deg) translateY(-2.5px);
6562
+ transform: rotate(45deg) translateY(-2.5px);
6791
6563
  }
6792
- .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
6793
- .ant-menu-dark .ant-menu-item-selected .anticon {
6794
- color: #fff;
6564
+ .ant-menu-submenu-arrow::after {
6565
+ -webkit-transform: rotate(-45deg) translateY(2.5px);
6566
+ transform: rotate(-45deg) translateY(2.5px);
6795
6567
  }
6796
- .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
6797
- .ant-menu-dark .ant-menu-item-selected .anticon + span {
6798
- color: #fff;
6568
+ .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
6569
+ .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
6570
+ color: #1890ff;
6799
6571
  }
6800
- .ant-menu.ant-menu-dark .ant-menu-item-selected,
6801
- .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
6802
- background-color: #1890ff;
6572
+ .ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
6573
+ .ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
6574
+ -webkit-transform: rotate(-45deg) translateX(2.5px);
6575
+ transform: rotate(-45deg) translateX(2.5px);
6803
6576
  }
6804
- .ant-menu-dark .ant-menu-item-disabled,
6805
- .ant-menu-dark .ant-menu-submenu-disabled,
6806
- .ant-menu-dark .ant-menu-item-disabled > a,
6807
- .ant-menu-dark .ant-menu-submenu-disabled > a,
6808
- .ant-menu-dark .ant-menu-item-disabled > span > a,
6809
- .ant-menu-dark .ant-menu-submenu-disabled > span > a {
6810
- color: rgba(255, 255, 255, 0.35) !important;
6811
- opacity: 0.8;
6577
+ .ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
6578
+ .ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
6579
+ -webkit-transform: rotate(45deg) translateX(-2.5px);
6580
+ transform: rotate(45deg) translateX(-2.5px);
6812
6581
  }
6813
- .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
6814
- .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
6815
- color: rgba(255, 255, 255, 0.35) !important;
6582
+ .ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
6583
+ display: none;
6816
6584
  }
6817
- .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6818
- .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6819
- .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6820
- .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
6821
- background: rgba(255, 255, 255, 0.35) !important;
6585
+ .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
6586
+ -webkit-transform: translateY(-2px);
6587
+ transform: translateY(-2px);
6822
6588
  }
6823
- .ant-menu.ant-menu-rtl {
6824
- direction: rtl;
6825
- text-align: right;
6589
+ .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
6590
+ -webkit-transform: rotate(-45deg) translateX(-2.5px);
6591
+ transform: rotate(-45deg) translateX(-2.5px);
6826
6592
  }
6827
- .ant-menu-rtl .ant-menu-item-group-title {
6828
- text-align: right;
6593
+ .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
6594
+ -webkit-transform: rotate(45deg) translateX(2.5px);
6595
+ transform: rotate(45deg) translateX(2.5px);
6829
6596
  }
6830
- .ant-menu-rtl.ant-menu-inline,
6831
- .ant-menu-rtl.ant-menu-vertical {
6832
- border-right: none;
6833
- border-left: 1px solid #f0f0f0;
6597
+ .ant-menu-vertical .ant-menu-submenu-selected,
6598
+ .ant-menu-vertical-left .ant-menu-submenu-selected,
6599
+ .ant-menu-vertical-right .ant-menu-submenu-selected {
6600
+ color: #1890ff;
6834
6601
  }
6835
- .ant-menu-rtl.ant-menu-dark.ant-menu-inline,
6836
- .ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
6837
- border-left: none;
6602
+ .ant-menu-horizontal {
6603
+ line-height: 46px;
6604
+ border: 0;
6605
+ border-bottom: 1px solid #f0f0f0;
6606
+ -webkit-box-shadow: none;
6607
+ box-shadow: none;
6838
6608
  }
6839
- .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
6840
- .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
6841
- .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
6842
- .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
6843
- .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
6844
- .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
6845
- -webkit-transform-origin: top right;
6846
- transform-origin: top right;
6609
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
6610
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
6611
+ margin-top: -1px;
6612
+ margin-bottom: 0;
6613
+ padding: 0 20px;
6847
6614
  }
6848
- .ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
6849
- .ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
6850
- .ant-menu-rtl .ant-menu-item .anticon,
6851
- .ant-menu-rtl .ant-menu-submenu-title .anticon {
6852
- margin-right: auto;
6853
- margin-left: 10px;
6615
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
6616
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
6617
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
6618
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
6619
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
6620
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
6621
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
6622
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
6623
+ color: #1890ff;
6854
6624
  }
6855
- .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
6856
- .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
6857
- .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
6858
- .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
6859
- margin-left: 0;
6625
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
6626
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
6627
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
6628
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
6629
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
6630
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
6631
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
6632
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
6633
+ border-bottom: 2px solid #1890ff;
6860
6634
  }
6861
- .ant-menu-submenu-rtl.ant-menu-submenu-popup {
6862
- -webkit-transform-origin: 100% 0;
6863
- transform-origin: 100% 0;
6635
+ .ant-menu-horizontal > .ant-menu-item,
6636
+ .ant-menu-horizontal > .ant-menu-submenu {
6637
+ position: relative;
6638
+ top: 1px;
6639
+ display: inline-block;
6640
+ vertical-align: bottom;
6864
6641
  }
6865
- .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
6866
- .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
6867
- .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
6868
- .ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
6869
- right: auto;
6870
- left: 16px;
6642
+ .ant-menu-horizontal > .ant-menu-item::after,
6643
+ .ant-menu-horizontal > .ant-menu-submenu::after {
6644
+ position: absolute;
6645
+ right: 20px;
6646
+ bottom: 0;
6647
+ left: 20px;
6648
+ border-bottom: 2px solid transparent;
6649
+ -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6650
+ transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6651
+ content: '';
6871
6652
  }
6872
- .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
6873
- .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
6874
- .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
6875
- -webkit-transform: rotate(-45deg) translateY(-2px);
6876
- transform: rotate(-45deg) translateY(-2px);
6653
+ .ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
6654
+ padding: 0;
6877
6655
  }
6878
- .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6879
- .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6880
- .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
6881
- -webkit-transform: rotate(45deg) translateY(2px);
6882
- transform: rotate(45deg) translateY(2px);
6656
+ .ant-menu-horizontal > .ant-menu-item a {
6657
+ color: rgba(0, 0, 0, 0.85);
6883
6658
  }
6884
- .ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
6885
- .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
6886
- .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
6887
- .ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
6888
- right: auto;
6889
- left: 0;
6659
+ .ant-menu-horizontal > .ant-menu-item a:hover {
6660
+ color: #1890ff;
6890
6661
  }
6891
- .ant-menu-rtl.ant-menu-vertical .ant-menu-item,
6892
- .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
6893
- .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
6894
- .ant-menu-rtl.ant-menu-inline .ant-menu-item,
6895
- .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
6896
- .ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
6897
- .ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
6898
- .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
6899
- text-align: right;
6662
+ .ant-menu-horizontal > .ant-menu-item a::before {
6663
+ bottom: -2px;
6900
6664
  }
6901
- .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
6902
- padding-right: 0;
6903
- padding-left: 34px;
6665
+ .ant-menu-horizontal > .ant-menu-item-selected a {
6666
+ color: #1890ff;
6904
6667
  }
6905
- .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
6906
- padding-right: 16px;
6907
- padding-left: 34px;
6668
+ .ant-menu-horizontal::after {
6669
+ display: block;
6670
+ clear: both;
6671
+ height: 0;
6672
+ content: '\20';
6908
6673
  }
6909
- .ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
6910
- padding: 0 calc(50% - 16px / 2);
6674
+ .ant-menu-vertical .ant-menu-item,
6675
+ .ant-menu-vertical-left .ant-menu-item,
6676
+ .ant-menu-vertical-right .ant-menu-item,
6677
+ .ant-menu-inline .ant-menu-item {
6678
+ position: relative;
6911
6679
  }
6912
- .ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
6913
- .ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
6914
- padding: 0 28px 0 16px;
6680
+ .ant-menu-vertical .ant-menu-item::after,
6681
+ .ant-menu-vertical-left .ant-menu-item::after,
6682
+ .ant-menu-vertical-right .ant-menu-item::after,
6683
+ .ant-menu-inline .ant-menu-item::after {
6684
+ position: absolute;
6685
+ top: 0;
6686
+ right: 0;
6687
+ bottom: 0;
6688
+ border-right: 3px solid #1890ff;
6689
+ -webkit-transform: scaleY(0.0001);
6690
+ transform: scaleY(0.0001);
6691
+ opacity: 0;
6692
+ -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);
6693
+ 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);
6694
+ 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);
6695
+ 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);
6696
+ content: '';
6915
6697
  }
6916
- .ant-menu-sub.ant-menu-inline {
6917
- border: 0;
6698
+ .ant-menu-vertical .ant-menu-item,
6699
+ .ant-menu-vertical-left .ant-menu-item,
6700
+ .ant-menu-vertical-right .ant-menu-item,
6701
+ .ant-menu-inline .ant-menu-item,
6702
+ .ant-menu-vertical .ant-menu-submenu-title,
6703
+ .ant-menu-vertical-left .ant-menu-submenu-title,
6704
+ .ant-menu-vertical-right .ant-menu-submenu-title,
6705
+ .ant-menu-inline .ant-menu-submenu-title {
6706
+ height: 40px;
6707
+ margin-top: 4px;
6708
+ margin-bottom: 4px;
6709
+ padding: 0 16px;
6710
+ overflow: hidden;
6711
+ line-height: 40px;
6712
+ text-overflow: ellipsis;
6918
6713
  }
6919
- .ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
6920
- padding-right: 32px;
6921
- padding-left: 0;
6714
+ .ant-menu-vertical .ant-menu-submenu,
6715
+ .ant-menu-vertical-left .ant-menu-submenu,
6716
+ .ant-menu-vertical-right .ant-menu-submenu,
6717
+ .ant-menu-inline .ant-menu-submenu {
6718
+ padding-bottom: 0.02px;
6922
6719
  }
6923
- .ant-menu-vertical.ant-menu-sub:not([class*='-active']),
6924
- .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
6925
- .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
6926
- max-height: 320px;
6720
+ .ant-menu-vertical .ant-menu-item:not(:last-child),
6721
+ .ant-menu-vertical-left .ant-menu-item:not(:last-child),
6722
+ .ant-menu-vertical-right .ant-menu-item:not(:last-child),
6723
+ .ant-menu-inline .ant-menu-item:not(:last-child) {
6724
+ margin-bottom: 8px;
6927
6725
  }
6928
- .ant-menu-item .pandora-sdk-menu-item-a {
6929
- color: #333;
6726
+ .ant-menu-vertical > .ant-menu-item,
6727
+ .ant-menu-vertical-left > .ant-menu-item,
6728
+ .ant-menu-vertical-right > .ant-menu-item,
6729
+ .ant-menu-inline > .ant-menu-item,
6730
+ .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
6731
+ .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
6732
+ .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
6733
+ .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
6734
+ height: 40px;
6735
+ line-height: 40px;
6930
6736
  }
6931
- .ant-menu-horizontal > .ant-menu-item .pandora-sdk-menu-item-a {
6932
- color: #333;
6737
+ .ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
6738
+ .ant-menu-vertical .ant-menu-submenu-title {
6739
+ padding-right: 34px;
6933
6740
  }
6934
- .ant-tooltip {
6935
- -webkit-box-sizing: border-box;
6936
- box-sizing: border-box;
6741
+ .ant-menu-inline {
6742
+ width: 100%;
6743
+ }
6744
+ .ant-menu-inline .ant-menu-selected::after,
6745
+ .ant-menu-inline .ant-menu-item-selected::after {
6746
+ -webkit-transform: scaleY(1);
6747
+ transform: scaleY(1);
6748
+ opacity: 1;
6749
+ -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);
6750
+ 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);
6751
+ 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);
6752
+ 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);
6753
+ }
6754
+ .ant-menu-inline .ant-menu-item,
6755
+ .ant-menu-inline .ant-menu-submenu-title {
6756
+ width: calc(100% + 1px);
6757
+ }
6758
+ .ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
6759
+ .ant-menu-inline .ant-menu-submenu-title {
6760
+ padding-right: 34px;
6761
+ }
6762
+ .ant-menu-inline.ant-menu-root .ant-menu-item,
6763
+ .ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
6764
+ display: -webkit-box;
6765
+ display: -ms-flexbox;
6766
+ display: flex;
6767
+ -webkit-box-align: center;
6768
+ -ms-flex-align: center;
6769
+ align-items: center;
6770
+ -webkit-transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
6771
+ transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
6772
+ }
6773
+ .ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
6774
+ .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
6775
+ -webkit-box-flex: 1;
6776
+ -ms-flex: auto;
6777
+ flex: auto;
6778
+ min-width: 0;
6779
+ overflow: hidden;
6780
+ text-overflow: ellipsis;
6781
+ }
6782
+ .ant-menu-inline.ant-menu-root .ant-menu-item > *,
6783
+ .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
6784
+ -webkit-box-flex: 0;
6785
+ -ms-flex: none;
6786
+ flex: none;
6787
+ }
6788
+ .ant-menu.ant-menu-inline-collapsed {
6789
+ width: 80px;
6790
+ }
6791
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
6792
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
6793
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
6794
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
6795
+ left: 0;
6796
+ padding: 0 calc(50% - 16px / 2);
6797
+ text-overflow: clip;
6798
+ }
6799
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
6800
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
6801
+ .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,
6802
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
6803
+ opacity: 0;
6804
+ }
6805
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
6806
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
6807
+ .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,
6808
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
6809
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
6810
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
6811
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
6812
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
6937
6813
  margin: 0;
6938
- padding: 0;
6939
- color: rgba(0, 0, 0, 0.85);
6940
- font-size: 14px;
6941
- font-variant: tabular-nums;
6942
- line-height: 1.5715;
6943
- list-style: none;
6944
- -webkit-font-feature-settings: 'tnum';
6945
- font-feature-settings: 'tnum';
6946
- position: absolute;
6947
- z-index: 1070;
6948
- display: block;
6949
- width: -webkit-max-content;
6950
- width: -moz-max-content;
6951
- width: max-content;
6952
- max-width: 250px;
6953
- visibility: visible;
6814
+ font-size: 16px;
6815
+ line-height: 40px;
6954
6816
  }
6955
- .ant-tooltip-hidden {
6817
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
6818
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
6819
+ .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,
6820
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
6821
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
6822
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
6823
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
6824
+ .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
6825
+ display: inline-block;
6826
+ opacity: 0;
6827
+ }
6828
+ .ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
6829
+ .ant-menu.ant-menu-inline-collapsed .anticon {
6830
+ display: inline-block;
6831
+ }
6832
+ .ant-menu.ant-menu-inline-collapsed-tooltip {
6833
+ pointer-events: none;
6834
+ }
6835
+ .ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
6836
+ .ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
6956
6837
  display: none;
6957
6838
  }
6958
- .ant-tooltip-placement-top,
6959
- .ant-tooltip-placement-topLeft,
6960
- .ant-tooltip-placement-topRight {
6961
- padding-bottom: 8px;
6839
+ .ant-menu.ant-menu-inline-collapsed-tooltip a {
6840
+ color: rgba(255, 255, 255, 0.85);
6962
6841
  }
6963
- .ant-tooltip-placement-right,
6964
- .ant-tooltip-placement-rightTop,
6965
- .ant-tooltip-placement-rightBottom {
6966
- padding-left: 8px;
6842
+ .ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
6843
+ padding-right: 4px;
6844
+ padding-left: 4px;
6845
+ overflow: hidden;
6846
+ white-space: nowrap;
6847
+ text-overflow: ellipsis;
6967
6848
  }
6968
- .ant-tooltip-placement-bottom,
6969
- .ant-tooltip-placement-bottomLeft,
6970
- .ant-tooltip-placement-bottomRight {
6971
- padding-top: 8px;
6849
+ .ant-menu-item-group-list {
6850
+ margin: 0;
6851
+ padding: 0;
6972
6852
  }
6973
- .ant-tooltip-placement-left,
6974
- .ant-tooltip-placement-leftTop,
6975
- .ant-tooltip-placement-leftBottom {
6976
- padding-right: 8px;
6853
+ .ant-menu-item-group-list .ant-menu-item,
6854
+ .ant-menu-item-group-list .ant-menu-submenu-title {
6855
+ padding: 0 16px 0 28px;
6977
6856
  }
6978
- .ant-tooltip-inner {
6979
- min-width: 30px;
6980
- min-height: 32px;
6981
- padding: 6px 8px;
6982
- color: #fff;
6983
- text-align: left;
6984
- text-decoration: none;
6985
- word-wrap: break-word;
6986
- background-color: rgba(0, 0, 0, 0.75);
6987
- border-radius: 2px;
6988
- -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);
6989
- 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);
6857
+ .ant-menu-root.ant-menu-vertical,
6858
+ .ant-menu-root.ant-menu-vertical-left,
6859
+ .ant-menu-root.ant-menu-vertical-right,
6860
+ .ant-menu-root.ant-menu-inline {
6861
+ -webkit-box-shadow: none;
6862
+ box-shadow: none;
6990
6863
  }
6991
- .ant-tooltip-arrow {
6992
- position: absolute;
6993
- display: block;
6994
- width: 13.07106781px;
6995
- height: 13.07106781px;
6996
- overflow: hidden;
6997
- background: transparent;
6864
+ .ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
6865
+ .ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
6866
+ font-size: 16px;
6867
+ text-align: center;
6868
+ }
6869
+ .ant-menu-sub.ant-menu-inline {
6870
+ padding: 0;
6871
+ background: #fafafa;
6872
+ border: 0;
6873
+ border-radius: 0;
6874
+ -webkit-box-shadow: none;
6875
+ box-shadow: none;
6876
+ }
6877
+ .ant-menu-sub.ant-menu-inline > .ant-menu-item,
6878
+ .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
6879
+ height: 40px;
6880
+ line-height: 40px;
6881
+ list-style-position: inside;
6882
+ list-style-type: disc;
6883
+ }
6884
+ .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
6885
+ padding-left: 32px;
6886
+ }
6887
+ .ant-menu-item-disabled,
6888
+ .ant-menu-submenu-disabled {
6889
+ color: rgba(0, 0, 0, 0.25) !important;
6890
+ background: none;
6891
+ cursor: not-allowed;
6892
+ }
6893
+ .ant-menu-item-disabled::after,
6894
+ .ant-menu-submenu-disabled::after {
6895
+ border-color: transparent !important;
6896
+ }
6897
+ .ant-menu-item-disabled a,
6898
+ .ant-menu-submenu-disabled a {
6899
+ color: rgba(0, 0, 0, 0.25) !important;
6998
6900
  pointer-events: none;
6999
6901
  }
7000
- .ant-tooltip-arrow-content {
7001
- position: absolute;
7002
- top: 0;
7003
- right: 0;
7004
- bottom: 0;
7005
- left: 0;
7006
- display: block;
7007
- width: 5px;
7008
- height: 5px;
7009
- margin: auto;
7010
- background-color: rgba(0, 0, 0, 0.75);
7011
- content: '';
7012
- pointer-events: auto;
6902
+ .ant-menu-item-disabled > .ant-menu-submenu-title,
6903
+ .ant-menu-submenu-disabled > .ant-menu-submenu-title {
6904
+ color: rgba(0, 0, 0, 0.25) !important;
6905
+ cursor: not-allowed;
7013
6906
  }
7014
- .ant-tooltip-placement-top .ant-tooltip-arrow,
7015
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
7016
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
7017
- bottom: -5.07106781px;
6907
+ .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6908
+ .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
6909
+ .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
6910
+ .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
6911
+ background: rgba(0, 0, 0, 0.25) !important;
7018
6912
  }
7019
- .ant-tooltip-placement-top .ant-tooltip-arrow-content,
7020
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
7021
- .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
7022
- -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
7023
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
7024
- -webkit-transform: translateY(-6.53553391px) rotate(45deg);
7025
- transform: translateY(-6.53553391px) rotate(45deg);
6913
+ .ant-layout-header .ant-menu {
6914
+ line-height: inherit;
7026
6915
  }
7027
- .ant-tooltip-placement-top .ant-tooltip-arrow {
7028
- left: 50%;
7029
- -webkit-transform: translateX(-50%);
7030
- transform: translateX(-50%);
6916
+ .ant-menu-inline-collapsed-tooltip a,
6917
+ .ant-menu-inline-collapsed-tooltip a:hover {
6918
+ color: #fff;
7031
6919
  }
7032
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
7033
- left: 13px;
6920
+ .ant-menu-light .ant-menu-item:hover,
6921
+ .ant-menu-light .ant-menu-item-active,
6922
+ .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
6923
+ .ant-menu-light .ant-menu-submenu-active,
6924
+ .ant-menu-light .ant-menu-submenu-title:hover {
6925
+ color: #1890ff;
7034
6926
  }
7035
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
7036
- right: 13px;
6927
+ .ant-menu.ant-menu-dark,
6928
+ .ant-menu-dark .ant-menu-sub,
6929
+ .ant-menu.ant-menu-dark .ant-menu-sub {
6930
+ color: rgba(255, 255, 255, 0.65);
6931
+ background: #001529;
7037
6932
  }
7038
- .ant-tooltip-placement-right .ant-tooltip-arrow,
7039
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
7040
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
7041
- left: -5.07106781px;
6933
+ .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
6934
+ .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
6935
+ .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
6936
+ opacity: 0.45;
6937
+ -webkit-transition: all 0.3s;
6938
+ transition: all 0.3s;
7042
6939
  }
7043
- .ant-tooltip-placement-right .ant-tooltip-arrow-content,
7044
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
7045
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
7046
- -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
7047
- box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
7048
- -webkit-transform: translateX(6.53553391px) rotate(45deg);
7049
- transform: translateX(6.53553391px) rotate(45deg);
6940
+ .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6941
+ .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6942
+ .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
6943
+ .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
6944
+ .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
6945
+ .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
6946
+ background: #fff;
6947
+ }
6948
+ .ant-menu-dark.ant-menu-submenu-popup {
6949
+ background: transparent;
6950
+ }
6951
+ .ant-menu-dark .ant-menu-inline.ant-menu-sub {
6952
+ background: #000c17;
6953
+ }
6954
+ .ant-menu-dark.ant-menu-horizontal {
6955
+ border-bottom: 0;
6956
+ }
6957
+ .ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
6958
+ .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
6959
+ top: 0;
6960
+ margin-top: 0;
6961
+ padding: 0 20px;
6962
+ border-color: #001529;
6963
+ border-bottom: 0;
6964
+ }
6965
+ .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
6966
+ background-color: #1890ff;
7050
6967
  }
7051
- .ant-tooltip-placement-right .ant-tooltip-arrow {
7052
- top: 50%;
7053
- -webkit-transform: translateY(-50%);
7054
- transform: translateY(-50%);
6968
+ .ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
6969
+ bottom: 0;
7055
6970
  }
7056
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
7057
- top: 5px;
6971
+ .ant-menu-dark .ant-menu-item,
6972
+ .ant-menu-dark .ant-menu-item-group-title,
6973
+ .ant-menu-dark .ant-menu-item > a,
6974
+ .ant-menu-dark .ant-menu-item > span > a {
6975
+ color: rgba(255, 255, 255, 0.65);
7058
6976
  }
7059
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
7060
- bottom: 5px;
6977
+ .ant-menu-dark.ant-menu-inline,
6978
+ .ant-menu-dark.ant-menu-vertical,
6979
+ .ant-menu-dark.ant-menu-vertical-left,
6980
+ .ant-menu-dark.ant-menu-vertical-right {
6981
+ border-right: 0;
7061
6982
  }
7062
- .ant-tooltip-placement-left .ant-tooltip-arrow,
7063
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
7064
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
7065
- right: -5.07106781px;
6983
+ .ant-menu-dark.ant-menu-inline .ant-menu-item,
6984
+ .ant-menu-dark.ant-menu-vertical .ant-menu-item,
6985
+ .ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
6986
+ .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
6987
+ left: 0;
6988
+ margin-left: 0;
6989
+ border-right: 0;
7066
6990
  }
7067
- .ant-tooltip-placement-left .ant-tooltip-arrow-content,
7068
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
7069
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
7070
- -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
7071
- box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
7072
- -webkit-transform: translateX(-6.53553391px) rotate(45deg);
7073
- transform: translateX(-6.53553391px) rotate(45deg);
6991
+ .ant-menu-dark.ant-menu-inline .ant-menu-item::after,
6992
+ .ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
6993
+ .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
6994
+ .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
6995
+ border-right: 0;
7074
6996
  }
7075
- .ant-tooltip-placement-left .ant-tooltip-arrow {
7076
- top: 50%;
7077
- -webkit-transform: translateY(-50%);
7078
- transform: translateY(-50%);
6997
+ .ant-menu-dark.ant-menu-inline .ant-menu-item,
6998
+ .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
6999
+ width: 100%;
7079
7000
  }
7080
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
7081
- top: 5px;
7001
+ .ant-menu-dark .ant-menu-item:hover,
7002
+ .ant-menu-dark .ant-menu-item-active,
7003
+ .ant-menu-dark .ant-menu-submenu-active,
7004
+ .ant-menu-dark .ant-menu-submenu-open,
7005
+ .ant-menu-dark .ant-menu-submenu-selected,
7006
+ .ant-menu-dark .ant-menu-submenu-title:hover {
7007
+ color: #fff;
7008
+ background-color: transparent;
7082
7009
  }
7083
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
7084
- bottom: 5px;
7010
+ .ant-menu-dark .ant-menu-item:hover > a,
7011
+ .ant-menu-dark .ant-menu-item-active > a,
7012
+ .ant-menu-dark .ant-menu-submenu-active > a,
7013
+ .ant-menu-dark .ant-menu-submenu-open > a,
7014
+ .ant-menu-dark .ant-menu-submenu-selected > a,
7015
+ .ant-menu-dark .ant-menu-submenu-title:hover > a,
7016
+ .ant-menu-dark .ant-menu-item:hover > span > a,
7017
+ .ant-menu-dark .ant-menu-item-active > span > a,
7018
+ .ant-menu-dark .ant-menu-submenu-active > span > a,
7019
+ .ant-menu-dark .ant-menu-submenu-open > span > a,
7020
+ .ant-menu-dark .ant-menu-submenu-selected > span > a,
7021
+ .ant-menu-dark .ant-menu-submenu-title:hover > span > a {
7022
+ color: #fff;
7085
7023
  }
7086
- .ant-tooltip-placement-bottom .ant-tooltip-arrow,
7087
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
7088
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
7089
- top: -5.07106781px;
7024
+ .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
7025
+ .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
7026
+ .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
7027
+ .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
7028
+ .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
7029
+ .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
7030
+ opacity: 1;
7090
7031
  }
7091
- .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
7092
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
7093
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
7094
- -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
7095
- box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
7096
- -webkit-transform: translateY(6.53553391px) rotate(45deg);
7097
- transform: translateY(6.53553391px) rotate(45deg);
7032
+ .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
7033
+ .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
7034
+ .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
7035
+ .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
7036
+ .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
7037
+ .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
7038
+ .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
7039
+ .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
7040
+ .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
7041
+ .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
7042
+ .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
7043
+ .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
7044
+ background: #fff;
7098
7045
  }
7099
- .ant-tooltip-placement-bottom .ant-tooltip-arrow {
7100
- left: 50%;
7101
- -webkit-transform: translateX(-50%);
7102
- transform: translateX(-50%);
7046
+ .ant-menu-dark .ant-menu-item:hover {
7047
+ background-color: transparent;
7103
7048
  }
7104
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
7105
- left: 13px;
7049
+ .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
7050
+ background-color: #1890ff;
7106
7051
  }
7107
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
7108
- right: 13px;
7052
+ .ant-menu-dark .ant-menu-item-selected {
7053
+ color: #fff;
7054
+ border-right: 0;
7109
7055
  }
7110
- .ant-tooltip-pink .ant-tooltip-inner {
7111
- background-color: #eb2f96;
7056
+ .ant-menu-dark .ant-menu-item-selected::after {
7057
+ border-right: 0;
7112
7058
  }
7113
- .ant-tooltip-pink .ant-tooltip-arrow-content {
7114
- background-color: #eb2f96;
7059
+ .ant-menu-dark .ant-menu-item-selected > a,
7060
+ .ant-menu-dark .ant-menu-item-selected > span > a,
7061
+ .ant-menu-dark .ant-menu-item-selected > a:hover,
7062
+ .ant-menu-dark .ant-menu-item-selected > span > a:hover {
7063
+ color: #fff;
7115
7064
  }
7116
- .ant-tooltip-magenta .ant-tooltip-inner {
7117
- background-color: #eb2f96;
7065
+ .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
7066
+ .ant-menu-dark .ant-menu-item-selected .anticon {
7067
+ color: #fff;
7118
7068
  }
7119
- .ant-tooltip-magenta .ant-tooltip-arrow-content {
7120
- background-color: #eb2f96;
7069
+ .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
7070
+ .ant-menu-dark .ant-menu-item-selected .anticon + span {
7071
+ color: #fff;
7121
7072
  }
7122
- .ant-tooltip-red .ant-tooltip-inner {
7123
- background-color: #f5222d;
7073
+ .ant-menu.ant-menu-dark .ant-menu-item-selected,
7074
+ .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
7075
+ background-color: #1890ff;
7124
7076
  }
7125
- .ant-tooltip-red .ant-tooltip-arrow-content {
7126
- background-color: #f5222d;
7077
+ .ant-menu-dark .ant-menu-item-disabled,
7078
+ .ant-menu-dark .ant-menu-submenu-disabled,
7079
+ .ant-menu-dark .ant-menu-item-disabled > a,
7080
+ .ant-menu-dark .ant-menu-submenu-disabled > a,
7081
+ .ant-menu-dark .ant-menu-item-disabled > span > a,
7082
+ .ant-menu-dark .ant-menu-submenu-disabled > span > a {
7083
+ color: rgba(255, 255, 255, 0.35) !important;
7084
+ opacity: 0.8;
7127
7085
  }
7128
- .ant-tooltip-volcano .ant-tooltip-inner {
7129
- background-color: #fa541c;
7086
+ .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
7087
+ .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
7088
+ color: rgba(255, 255, 255, 0.35) !important;
7130
7089
  }
7131
- .ant-tooltip-volcano .ant-tooltip-arrow-content {
7132
- background-color: #fa541c;
7090
+ .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
7091
+ .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
7092
+ .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
7093
+ .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
7094
+ background: rgba(255, 255, 255, 0.35) !important;
7133
7095
  }
7134
- .ant-tooltip-orange .ant-tooltip-inner {
7135
- background-color: #fa8c16;
7096
+ .ant-menu.ant-menu-rtl {
7097
+ direction: rtl;
7098
+ text-align: right;
7136
7099
  }
7137
- .ant-tooltip-orange .ant-tooltip-arrow-content {
7138
- background-color: #fa8c16;
7100
+ .ant-menu-rtl .ant-menu-item-group-title {
7101
+ text-align: right;
7139
7102
  }
7140
- .ant-tooltip-yellow .ant-tooltip-inner {
7141
- background-color: #fadb14;
7103
+ .ant-menu-rtl.ant-menu-inline,
7104
+ .ant-menu-rtl.ant-menu-vertical {
7105
+ border-right: none;
7106
+ border-left: 1px solid #f0f0f0;
7142
7107
  }
7143
- .ant-tooltip-yellow .ant-tooltip-arrow-content {
7144
- background-color: #fadb14;
7108
+ .ant-menu-rtl.ant-menu-dark.ant-menu-inline,
7109
+ .ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
7110
+ border-left: none;
7145
7111
  }
7146
- .ant-tooltip-gold .ant-tooltip-inner {
7147
- background-color: #faad14;
7112
+ .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
7113
+ .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
7114
+ .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
7115
+ .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
7116
+ .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
7117
+ .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
7118
+ -webkit-transform-origin: top right;
7119
+ transform-origin: top right;
7148
7120
  }
7149
- .ant-tooltip-gold .ant-tooltip-arrow-content {
7150
- background-color: #faad14;
7121
+ .ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
7122
+ .ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
7123
+ .ant-menu-rtl .ant-menu-item .anticon,
7124
+ .ant-menu-rtl .ant-menu-submenu-title .anticon {
7125
+ margin-right: auto;
7126
+ margin-left: 10px;
7151
7127
  }
7152
- .ant-tooltip-cyan .ant-tooltip-inner {
7153
- background-color: #13c2c2;
7128
+ .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
7129
+ .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
7130
+ .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
7131
+ .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
7132
+ margin-left: 0;
7154
7133
  }
7155
- .ant-tooltip-cyan .ant-tooltip-arrow-content {
7156
- background-color: #13c2c2;
7134
+ .ant-menu-submenu-rtl.ant-menu-submenu-popup {
7135
+ -webkit-transform-origin: 100% 0;
7136
+ transform-origin: 100% 0;
7157
7137
  }
7158
- .ant-tooltip-lime .ant-tooltip-inner {
7159
- background-color: #a0d911;
7138
+ .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
7139
+ .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
7140
+ .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
7141
+ .ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
7142
+ right: auto;
7143
+ left: 16px;
7160
7144
  }
7161
- .ant-tooltip-lime .ant-tooltip-arrow-content {
7162
- background-color: #a0d911;
7145
+ .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
7146
+ .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
7147
+ .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
7148
+ -webkit-transform: rotate(-45deg) translateY(-2px);
7149
+ transform: rotate(-45deg) translateY(-2px);
7163
7150
  }
7164
- .ant-tooltip-green .ant-tooltip-inner {
7165
- background-color: #52c41a;
7151
+ .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
7152
+ .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
7153
+ .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
7154
+ -webkit-transform: rotate(45deg) translateY(2px);
7155
+ transform: rotate(45deg) translateY(2px);
7166
7156
  }
7167
- .ant-tooltip-green .ant-tooltip-arrow-content {
7168
- background-color: #52c41a;
7157
+ .ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
7158
+ .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
7159
+ .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
7160
+ .ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
7161
+ right: auto;
7162
+ left: 0;
7169
7163
  }
7170
- .ant-tooltip-blue .ant-tooltip-inner {
7171
- background-color: #1890ff;
7164
+ .ant-menu-rtl.ant-menu-vertical .ant-menu-item,
7165
+ .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
7166
+ .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
7167
+ .ant-menu-rtl.ant-menu-inline .ant-menu-item,
7168
+ .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
7169
+ .ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
7170
+ .ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
7171
+ .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
7172
+ text-align: right;
7172
7173
  }
7173
- .ant-tooltip-blue .ant-tooltip-arrow-content {
7174
- background-color: #1890ff;
7174
+ .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
7175
+ padding-right: 0;
7176
+ padding-left: 34px;
7175
7177
  }
7176
- .ant-tooltip-geekblue .ant-tooltip-inner {
7177
- background-color: #2f54eb;
7178
+ .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
7179
+ padding-right: 16px;
7180
+ padding-left: 34px;
7178
7181
  }
7179
- .ant-tooltip-geekblue .ant-tooltip-arrow-content {
7180
- background-color: #2f54eb;
7182
+ .ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
7183
+ padding: 0 calc(50% - 16px / 2);
7181
7184
  }
7182
- .ant-tooltip-purple .ant-tooltip-inner {
7183
- background-color: #722ed1;
7185
+ .ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
7186
+ .ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
7187
+ padding: 0 28px 0 16px;
7184
7188
  }
7185
- .ant-tooltip-purple .ant-tooltip-arrow-content {
7186
- background-color: #722ed1;
7189
+ .ant-menu-sub.ant-menu-inline {
7190
+ border: 0;
7187
7191
  }
7188
- .ant-tooltip-rtl {
7189
- direction: rtl;
7192
+ .ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
7193
+ padding-right: 32px;
7194
+ padding-left: 0;
7190
7195
  }
7191
- .ant-tooltip-rtl .ant-tooltip-inner {
7192
- text-align: right;
7196
+ .ant-menu-vertical.ant-menu-sub:not([class*='-active']),
7197
+ .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
7198
+ .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
7199
+ max-height: 320px;
7193
7200
  }
7194
- .pandora-sdk-name-limit {
7195
- max-width: 100%;
7196
- display: inline-block;
7197
- vertical-align: top;
7198
- white-space: nowrap;
7199
- text-overflow: ellipsis;
7200
- overflow: hidden;
7201
+ .ant-menu-item .pandora-sdk-menu-item-a {
7202
+ color: #333;
7201
7203
  }
7202
- .pandora-sdk-name-limit-tooltip .ant-tooltip-inner {
7203
- max-width: 400px;
7204
- max-height: 200px;
7205
- overflow: auto;
7204
+ .ant-menu-horizontal > .ant-menu-item .pandora-sdk-menu-item-a {
7205
+ color: #333;
7206
7206
  }
7207
7207
  .ant-modal {
7208
7208
  -webkit-box-sizing: border-box;
@@ -7485,56 +7485,142 @@ textarea.ant-input {
7485
7485
  .pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
7486
7486
  color: #d9d9d9;
7487
7487
  }
7488
- .ant-radio-group {
7488
+ .pandora-sdk-name-explain-icon {
7489
+ color: inherit;
7490
+ -webkit-transition: color 0.3s;
7491
+ transition: color 0.3s;
7492
+ }
7493
+ .pandora-sdk-name-explain-icon:hover,
7494
+ .pandora-sdk-name-explain-icon .ant-tooltip-open {
7495
+ color: #2c6dd2;
7496
+ }
7497
+ .ant-input-number {
7489
7498
  -webkit-box-sizing: border-box;
7490
7499
  box-sizing: border-box;
7491
- margin: 0;
7492
- padding: 0;
7493
- color: rgba(0, 0, 0, 0.85);
7494
- font-size: 14px;
7495
7500
  font-variant: tabular-nums;
7496
- line-height: 1.5715;
7497
7501
  list-style: none;
7498
7502
  -webkit-font-feature-settings: 'tnum';
7499
7503
  font-feature-settings: 'tnum';
7504
+ position: relative;
7505
+ width: 100%;
7506
+ min-width: 0;
7507
+ padding: 4px 11px;
7508
+ color: rgba(0, 0, 0, 0.85);
7509
+ font-size: 14px;
7510
+ line-height: 1.5715;
7511
+ background-color: #fff;
7512
+ background-image: none;
7513
+ -webkit-transition: all 0.3s;
7514
+ transition: all 0.3s;
7515
+ /* stylelint-disable-next-line selector-no-vendor-prefix */
7500
7516
  display: inline-block;
7501
- font-size: 0;
7517
+ width: 90px;
7518
+ margin: 0;
7519
+ padding: 0;
7520
+ border: 1px solid #d9d9d9;
7521
+ border-radius: 2px;
7502
7522
  }
7503
- .ant-radio-group .ant-badge-count {
7504
- z-index: 1;
7523
+ .ant-input-number::-moz-placeholder {
7524
+ opacity: 1;
7505
7525
  }
7506
- .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
7507
- border-left: none;
7526
+ .ant-input-number::-webkit-input-placeholder {
7527
+ color: #bfbfbf;
7528
+ -webkit-user-select: none;
7529
+ user-select: none;
7508
7530
  }
7509
- .ant-radio-wrapper {
7510
- -webkit-box-sizing: border-box;
7511
- box-sizing: border-box;
7512
- margin: 0;
7513
- padding: 0;
7514
- color: rgba(0, 0, 0, 0.85);
7515
- font-size: 14px;
7516
- font-variant: tabular-nums;
7531
+ .ant-input-number::-ms-input-placeholder {
7532
+ color: #bfbfbf;
7533
+ -ms-user-select: none;
7534
+ user-select: none;
7535
+ }
7536
+ .ant-input-number::placeholder {
7537
+ color: #bfbfbf;
7538
+ -webkit-user-select: none;
7539
+ -moz-user-select: none;
7540
+ -ms-user-select: none;
7541
+ user-select: none;
7542
+ }
7543
+ .ant-input-number:placeholder-shown {
7544
+ text-overflow: ellipsis;
7545
+ }
7546
+ .ant-input-number:hover {
7547
+ border-color: #40a9ff;
7548
+ border-right-width: 1px !important;
7549
+ }
7550
+ .ant-input-rtl .ant-input-number:hover {
7551
+ border-right-width: 0;
7552
+ border-left-width: 1px !important;
7553
+ }
7554
+ .ant-input-number:focus,
7555
+ .ant-input-number-focused {
7556
+ border-color: #40a9ff;
7557
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7558
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7559
+ border-right-width: 1px !important;
7560
+ outline: 0;
7561
+ }
7562
+ .ant-input-rtl .ant-input-number:focus,
7563
+ .ant-input-rtl .ant-input-number-focused {
7564
+ border-right-width: 0;
7565
+ border-left-width: 1px !important;
7566
+ }
7567
+ .ant-input-number-disabled {
7568
+ color: rgba(0, 0, 0, 0.25);
7569
+ background-color: #f5f5f5;
7570
+ border-color: #d9d9d9;
7571
+ -webkit-box-shadow: none;
7572
+ box-shadow: none;
7573
+ cursor: not-allowed;
7574
+ opacity: 1;
7575
+ }
7576
+ .ant-input-number-disabled:hover {
7577
+ border-color: #d9d9d9;
7578
+ border-right-width: 1px !important;
7579
+ }
7580
+ .ant-input-number[disabled] {
7581
+ color: rgba(0, 0, 0, 0.25);
7582
+ background-color: #f5f5f5;
7583
+ border-color: #d9d9d9;
7584
+ -webkit-box-shadow: none;
7585
+ box-shadow: none;
7586
+ cursor: not-allowed;
7587
+ opacity: 1;
7588
+ }
7589
+ .ant-input-number[disabled]:hover {
7590
+ border-color: #d9d9d9;
7591
+ border-right-width: 1px !important;
7592
+ }
7593
+ .ant-input-number-borderless,
7594
+ .ant-input-number-borderless:hover,
7595
+ .ant-input-number-borderless:focus,
7596
+ .ant-input-number-borderless-focused,
7597
+ .ant-input-number-borderless-disabled,
7598
+ .ant-input-number-borderless[disabled] {
7599
+ background-color: transparent;
7600
+ border: none;
7601
+ -webkit-box-shadow: none;
7602
+ box-shadow: none;
7603
+ }
7604
+ textarea.ant-input-number {
7605
+ max-width: 100%;
7606
+ height: auto;
7607
+ min-height: 32px;
7517
7608
  line-height: 1.5715;
7518
- list-style: none;
7519
- -webkit-font-feature-settings: 'tnum';
7520
- font-feature-settings: 'tnum';
7521
- position: relative;
7522
- display: -webkit-inline-box;
7523
- display: -ms-inline-flexbox;
7524
- display: inline-flex;
7525
- -webkit-box-align: baseline;
7526
- -ms-flex-align: baseline;
7527
- align-items: baseline;
7528
- margin-right: 8px;
7529
- cursor: pointer;
7609
+ vertical-align: bottom;
7610
+ -webkit-transition: all 0.3s, height 0s;
7611
+ transition: all 0.3s, height 0s;
7530
7612
  }
7531
- .ant-radio-wrapper::after {
7532
- display: inline-block;
7533
- width: 0;
7534
- overflow: hidden;
7535
- content: '\a0';
7613
+ .ant-input-number-lg {
7614
+ padding: 6.5px 11px;
7615
+ font-size: 16px;
7536
7616
  }
7537
- .ant-radio {
7617
+ .ant-input-number-sm {
7618
+ padding: 0px 7px;
7619
+ }
7620
+ .ant-input-number-rtl {
7621
+ direction: rtl;
7622
+ }
7623
+ .ant-input-number-group {
7538
7624
  -webkit-box-sizing: border-box;
7539
7625
  box-sizing: border-box;
7540
7626
  margin: 0;
@@ -7547,405 +7633,387 @@ textarea.ant-input {
7547
7633
  -webkit-font-feature-settings: 'tnum';
7548
7634
  font-feature-settings: 'tnum';
7549
7635
  position: relative;
7550
- top: 0.2em;
7551
- display: inline-block;
7552
- outline: none;
7553
- cursor: pointer;
7636
+ display: table;
7637
+ width: 100%;
7638
+ border-collapse: separate;
7639
+ border-spacing: 0;
7554
7640
  }
7555
- .ant-radio-wrapper:hover .ant-radio,
7556
- .ant-radio:hover .ant-radio-inner,
7557
- .ant-radio-input:focus + .ant-radio-inner {
7558
- border-color: #1890ff;
7641
+ .ant-input-number-group[class*='col-'] {
7642
+ float: none;
7643
+ padding-right: 0;
7644
+ padding-left: 0;
7559
7645
  }
7560
- .ant-radio-input:focus + .ant-radio-inner {
7561
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7562
- box-shadow: 0 0 0 3px #e6f7ff;
7646
+ .ant-input-number-group > [class*='col-'] {
7647
+ padding-right: 8px;
7648
+ }
7649
+ .ant-input-number-group > [class*='col-']:last-child {
7650
+ padding-right: 0;
7651
+ }
7652
+ .ant-input-number-group-addon,
7653
+ .ant-input-number-group-wrap,
7654
+ .ant-input-number-group > .ant-input-number {
7655
+ display: table-cell;
7656
+ }
7657
+ .ant-input-number-group-addon:not(:first-child):not(:last-child),
7658
+ .ant-input-number-group-wrap:not(:first-child):not(:last-child),
7659
+ .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
7660
+ border-radius: 0;
7661
+ }
7662
+ .ant-input-number-group-addon,
7663
+ .ant-input-number-group-wrap {
7664
+ width: 1px;
7665
+ white-space: nowrap;
7666
+ vertical-align: middle;
7667
+ }
7668
+ .ant-input-number-group-wrap > * {
7669
+ display: block !important;
7563
7670
  }
7564
- .ant-radio-checked::after {
7565
- position: absolute;
7566
- top: 0;
7567
- left: 0;
7671
+ .ant-input-number-group .ant-input-number {
7672
+ float: left;
7568
7673
  width: 100%;
7569
- height: 100%;
7570
- border: 1px solid #1890ff;
7571
- border-radius: 50%;
7572
- visibility: hidden;
7573
- -webkit-animation: antRadioEffect 0.36s ease-in-out;
7574
- animation: antRadioEffect 0.36s ease-in-out;
7575
- -webkit-animation-fill-mode: both;
7576
- animation-fill-mode: both;
7577
- content: '';
7674
+ margin-bottom: 0;
7675
+ text-align: inherit;
7578
7676
  }
7579
- .ant-radio:hover::after,
7580
- .ant-radio-wrapper:hover .ant-radio::after {
7581
- visibility: visible;
7677
+ .ant-input-number-group .ant-input-number:focus {
7678
+ z-index: 1;
7679
+ border-right-width: 1px;
7582
7680
  }
7583
- .ant-radio-inner {
7681
+ .ant-input-number-group .ant-input-number:hover {
7682
+ z-index: 1;
7683
+ border-right-width: 1px;
7684
+ }
7685
+ .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
7686
+ z-index: 0;
7687
+ }
7688
+ .ant-input-number-group-addon {
7584
7689
  position: relative;
7585
- top: 0;
7586
- left: 0;
7587
- display: block;
7588
- width: 16px;
7589
- height: 16px;
7590
- background-color: #fff;
7591
- border-color: #d9d9d9;
7592
- border-style: solid;
7593
- border-width: 1px;
7594
- border-radius: 50%;
7690
+ padding: 0 11px;
7691
+ color: rgba(0, 0, 0, 0.85);
7692
+ font-weight: normal;
7693
+ font-size: 14px;
7694
+ text-align: center;
7695
+ background-color: #fafafa;
7696
+ border: 1px solid #d9d9d9;
7697
+ border-radius: 2px;
7595
7698
  -webkit-transition: all 0.3s;
7596
7699
  transition: all 0.3s;
7597
7700
  }
7598
- .ant-radio-inner::after {
7599
- position: absolute;
7600
- top: 3px;
7601
- left: 3px;
7602
- display: block;
7603
- width: 8px;
7604
- height: 8px;
7605
- background-color: #1890ff;
7606
- border-top: 0;
7607
- border-left: 0;
7608
- border-radius: 8px;
7609
- -webkit-transform: scale(0);
7610
- transform: scale(0);
7611
- opacity: 0;
7612
- -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7613
- transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7614
- content: ' ';
7701
+ .ant-input-number-group-addon .ant-select {
7702
+ margin: -5px -11px;
7615
7703
  }
7616
- .ant-radio-input {
7617
- position: absolute;
7618
- top: 0;
7619
- right: 0;
7620
- bottom: 0;
7621
- left: 0;
7622
- z-index: 1;
7623
- cursor: pointer;
7624
- opacity: 0;
7704
+ .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
7705
+ background-color: inherit;
7706
+ border: 1px solid transparent;
7707
+ -webkit-box-shadow: none;
7708
+ box-shadow: none;
7625
7709
  }
7626
- .ant-radio-checked .ant-radio-inner {
7627
- border-color: #1890ff;
7710
+ .ant-input-number-group-addon .ant-select-open .ant-select-selector,
7711
+ .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
7712
+ color: #1890ff;
7628
7713
  }
7629
- .ant-radio-checked .ant-radio-inner::after {
7630
- -webkit-transform: scale(1);
7631
- transform: scale(1);
7632
- opacity: 1;
7633
- -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7634
- transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7714
+ .ant-input-number-group-addon .ant-cascader-picker {
7715
+ margin: -9px -12px;
7716
+ background-color: transparent;
7635
7717
  }
7636
- .ant-radio-disabled {
7637
- cursor: not-allowed;
7718
+ .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
7719
+ text-align: left;
7720
+ border: 0;
7721
+ -webkit-box-shadow: none;
7722
+ box-shadow: none;
7638
7723
  }
7639
- .ant-radio-disabled .ant-radio-inner {
7640
- background-color: #f5f5f5;
7641
- border-color: #d9d9d9 !important;
7642
- cursor: not-allowed;
7724
+ .ant-input-number-group > .ant-input-number:first-child,
7725
+ .ant-input-number-group-addon:first-child {
7726
+ border-top-right-radius: 0;
7727
+ border-bottom-right-radius: 0;
7643
7728
  }
7644
- .ant-radio-disabled .ant-radio-inner::after {
7645
- background-color: rgba(0, 0, 0, 0.2);
7729
+ .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
7730
+ .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
7731
+ border-top-right-radius: 0;
7732
+ border-bottom-right-radius: 0;
7646
7733
  }
7647
- .ant-radio-disabled .ant-radio-input {
7648
- cursor: not-allowed;
7734
+ .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
7735
+ border-top-left-radius: 0;
7736
+ border-bottom-left-radius: 0;
7649
7737
  }
7650
- .ant-radio-disabled + span {
7651
- color: rgba(0, 0, 0, 0.25);
7652
- cursor: not-allowed;
7738
+ .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
7739
+ border-top-right-radius: 0;
7740
+ border-bottom-right-radius: 0;
7653
7741
  }
7654
- span.ant-radio + * {
7655
- padding-right: 8px;
7656
- padding-left: 8px;
7742
+ .ant-input-number-group-addon:first-child {
7743
+ border-right: 0;
7657
7744
  }
7658
- .ant-radio-button-wrapper {
7659
- position: relative;
7660
- display: inline-block;
7661
- height: 32px;
7662
- margin: 0;
7663
- padding: 0 15px;
7664
- color: rgba(0, 0, 0, 0.85);
7665
- font-size: 14px;
7666
- line-height: 30px;
7667
- background: #fff;
7668
- border: 1px solid #d9d9d9;
7669
- border-top-width: 1.02px;
7670
- border-left-width: 0;
7671
- cursor: pointer;
7672
- -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7673
- transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7674
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
7675
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
7745
+ .ant-input-number-group-addon:last-child {
7746
+ border-left: 0;
7676
7747
  }
7677
- .ant-radio-button-wrapper a {
7678
- color: rgba(0, 0, 0, 0.85);
7748
+ .ant-input-number-group > .ant-input-number:last-child,
7749
+ .ant-input-number-group-addon:last-child {
7750
+ border-top-left-radius: 0;
7751
+ border-bottom-left-radius: 0;
7679
7752
  }
7680
- .ant-radio-button-wrapper > .ant-radio-button {
7681
- position: absolute;
7682
- top: 0;
7683
- left: 0;
7684
- z-index: -1;
7685
- width: 100%;
7686
- height: 100%;
7753
+ .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
7754
+ .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
7755
+ border-top-left-radius: 0;
7756
+ border-bottom-left-radius: 0;
7687
7757
  }
7688
- .ant-radio-group-large .ant-radio-button-wrapper {
7689
- height: 40px;
7758
+ .ant-input-number-group-lg .ant-input-number,
7759
+ .ant-input-number-group-lg > .ant-input-number-group-addon {
7760
+ padding: 6.5px 11px;
7690
7761
  font-size: 16px;
7691
- line-height: 38px;
7692
7762
  }
7693
- .ant-radio-group-small .ant-radio-button-wrapper {
7694
- height: 24px;
7695
- padding: 0 7px;
7696
- line-height: 22px;
7763
+ .ant-input-number-group-sm .ant-input-number,
7764
+ .ant-input-number-group-sm > .ant-input-number-group-addon {
7765
+ padding: 0px 7px;
7697
7766
  }
7698
- .ant-radio-button-wrapper:not(:first-child)::before {
7699
- position: absolute;
7700
- top: -1px;
7701
- left: -1px;
7702
- display: block;
7703
- -webkit-box-sizing: content-box;
7704
- box-sizing: content-box;
7705
- width: 1px;
7706
- height: 100%;
7707
- padding: 1px 0;
7708
- background-color: #d9d9d9;
7709
- -webkit-transition: background-color 0.3s;
7710
- transition: background-color 0.3s;
7711
- content: '';
7767
+ .ant-input-number-group-lg .ant-select-single .ant-select-selector {
7768
+ height: 40px;
7712
7769
  }
7713
- .ant-radio-button-wrapper:first-child {
7714
- border-left: 1px solid #d9d9d9;
7715
- border-radius: 2px 0 0 2px;
7770
+ .ant-input-number-group-sm .ant-select-single .ant-select-selector {
7771
+ height: 24px;
7716
7772
  }
7717
- .ant-radio-button-wrapper:last-child {
7718
- border-radius: 0 2px 2px 0;
7773
+ .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
7774
+ border-top-right-radius: 0;
7775
+ border-bottom-right-radius: 0;
7719
7776
  }
7720
- .ant-radio-button-wrapper:first-child:last-child {
7721
- border-radius: 2px;
7777
+ .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
7778
+ border-top-left-radius: 2px;
7779
+ border-bottom-left-radius: 2px;
7722
7780
  }
7723
- .ant-radio-button-wrapper:hover {
7724
- position: relative;
7725
- color: #1890ff;
7781
+ .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
7782
+ .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
7783
+ border-top-left-radius: 0;
7784
+ border-bottom-left-radius: 0;
7726
7785
  }
7727
- .ant-radio-button-wrapper:focus-within {
7728
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7729
- box-shadow: 0 0 0 3px #e6f7ff;
7786
+ .ant-input-number-group.ant-input-number-group-compact {
7787
+ display: block;
7730
7788
  }
7731
- .ant-radio-button-wrapper .ant-radio-inner,
7732
- .ant-radio-button-wrapper input[type='checkbox'],
7733
- .ant-radio-button-wrapper input[type='radio'] {
7734
- width: 0;
7735
- height: 0;
7736
- opacity: 0;
7737
- pointer-events: none;
7789
+ .ant-input-number-group.ant-input-number-group-compact::before {
7790
+ display: table;
7791
+ content: '';
7738
7792
  }
7739
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7740
- z-index: 1;
7741
- color: #1890ff;
7742
- background: #fff;
7743
- border-color: #1890ff;
7793
+ .ant-input-number-group.ant-input-number-group-compact::after {
7794
+ display: table;
7795
+ clear: both;
7796
+ content: '';
7744
7797
  }
7745
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7746
- background-color: #1890ff;
7798
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
7799
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
7800
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
7801
+ border-right-width: 1px;
7747
7802
  }
7748
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
7749
- border-color: #1890ff;
7803
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
7804
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
7805
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
7806
+ z-index: 1;
7750
7807
  }
7751
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7752
- color: #40a9ff;
7753
- border-color: #40a9ff;
7808
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
7809
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
7810
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
7811
+ z-index: 1;
7754
7812
  }
7755
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
7756
- background-color: #40a9ff;
7813
+ .ant-input-number-group.ant-input-number-group-compact > * {
7814
+ display: inline-block;
7815
+ float: none;
7816
+ vertical-align: top;
7817
+ border-radius: 0;
7757
7818
  }
7758
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7759
- color: #096dd9;
7760
- border-color: #096dd9;
7819
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
7820
+ display: -webkit-inline-box;
7821
+ display: -ms-inline-flexbox;
7822
+ display: inline-flex;
7761
7823
  }
7762
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
7763
- background-color: #096dd9;
7824
+ .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
7825
+ display: -webkit-inline-box;
7826
+ display: -ms-inline-flexbox;
7827
+ display: inline-flex;
7764
7828
  }
7765
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7766
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7767
- box-shadow: 0 0 0 3px #e6f7ff;
7829
+ .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
7830
+ margin-right: -1px;
7831
+ border-right-width: 1px;
7768
7832
  }
7769
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7770
- color: #fff;
7771
- background: #1890ff;
7772
- border-color: #1890ff;
7833
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
7834
+ float: none;
7773
7835
  }
7774
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7775
- color: #fff;
7776
- background: #40a9ff;
7777
- border-color: #40a9ff;
7836
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
7837
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
7838
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
7839
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
7840
+ border-right-width: 1px;
7841
+ border-radius: 0;
7778
7842
  }
7779
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7780
- color: #fff;
7781
- background: #096dd9;
7782
- border-color: #096dd9;
7843
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
7844
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
7845
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
7846
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
7847
+ z-index: 1;
7783
7848
  }
7784
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7785
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7786
- box-shadow: 0 0 0 3px #e6f7ff;
7849
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
7850
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
7851
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
7852
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
7853
+ z-index: 1;
7787
7854
  }
7788
- .ant-radio-button-wrapper-disabled {
7789
- color: rgba(0, 0, 0, 0.25);
7790
- background-color: #f5f5f5;
7791
- border-color: #d9d9d9;
7792
- cursor: not-allowed;
7855
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
7856
+ z-index: 1;
7793
7857
  }
7794
- .ant-radio-button-wrapper-disabled:first-child,
7795
- .ant-radio-button-wrapper-disabled:hover {
7796
- color: rgba(0, 0, 0, 0.25);
7797
- background-color: #f5f5f5;
7798
- border-color: #d9d9d9;
7858
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
7859
+ z-index: 1;
7799
7860
  }
7800
- .ant-radio-button-wrapper-disabled:first-child {
7801
- border-left-color: #d9d9d9;
7861
+ .ant-input-number-group.ant-input-number-group-compact > *:first-child,
7862
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
7863
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
7864
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
7865
+ border-top-left-radius: 2px;
7866
+ border-bottom-left-radius: 2px;
7802
7867
  }
7803
- .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
7804
- color: rgba(0, 0, 0, 0.25);
7805
- background-color: #e6e6e6;
7806
- border-color: #d9d9d9;
7807
- -webkit-box-shadow: none;
7808
- box-shadow: none;
7868
+ .ant-input-number-group.ant-input-number-group-compact > *:last-child,
7869
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
7870
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
7871
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
7872
+ border-right-width: 1px;
7873
+ border-top-right-radius: 2px;
7874
+ border-bottom-right-radius: 2px;
7809
7875
  }
7810
- @-webkit-keyframes antRadioEffect {
7811
- 0% {
7812
- -webkit-transform: scale(1);
7813
- transform: scale(1);
7814
- opacity: 0.5;
7815
- }
7816
- 100% {
7817
- -webkit-transform: scale(1.6);
7818
- transform: scale(1.6);
7819
- opacity: 0;
7820
- }
7876
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
7877
+ vertical-align: top;
7821
7878
  }
7822
- @keyframes antRadioEffect {
7823
- 0% {
7824
- -webkit-transform: scale(1);
7825
- transform: scale(1);
7826
- opacity: 0.5;
7827
- }
7828
- 100% {
7829
- -webkit-transform: scale(1.6);
7830
- transform: scale(1.6);
7831
- opacity: 0;
7832
- }
7879
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
7880
+ margin-left: -1px;
7833
7881
  }
7834
- .ant-radio-group.ant-radio-group-rtl {
7835
- direction: rtl;
7882
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
7883
+ border-radius: 0;
7836
7884
  }
7837
- .ant-radio-wrapper.ant-radio-wrapper-rtl {
7838
- margin-right: 0;
7839
- margin-left: 8px;
7840
- direction: rtl;
7885
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
7886
+ border-radius: 0;
7841
7887
  }
7842
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7843
- border-right-width: 0;
7844
- border-left-width: 1px;
7888
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
7889
+ border-radius: 2px 0 0 2px;
7845
7890
  }
7846
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7847
- right: -1px;
7848
- left: 0;
7891
+ .ant-input-number-group > .ant-input-number-rtl:first-child,
7892
+ .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
7893
+ border-radius: 0 2px 2px 0;
7849
7894
  }
7850
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
7895
+ .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
7851
7896
  border-right: 1px solid #d9d9d9;
7852
- border-radius: 0 2px 2px 0;
7897
+ border-left: 0;
7853
7898
  }
7854
- .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7855
- border-right-color: #40a9ff;
7899
+ .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
7900
+ border-right: 0;
7901
+ border-left: 1px solid #d9d9d9;
7856
7902
  }
7857
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7903
+ .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
7904
+ .ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
7858
7905
  border-radius: 2px 0 0 2px;
7859
7906
  }
7860
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7861
- border-right-color: #d9d9d9;
7862
- }
7863
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
7864
- padding: 0 12px;
7907
+ .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
7908
+ border-radius: 2px 0 0 2px;
7865
7909
  }
7866
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked) {
7867
- border-color: #d9d9d9;
7910
+ .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
7911
+ border-radius: 0 2px 2px 0;
7868
7912
  }
7869
- .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
7870
- border-color: #d9d9d9;
7913
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
7914
+ margin-right: 0;
7915
+ margin-left: -1px;
7916
+ border-left-width: 1px;
7871
7917
  }
7872
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
7873
- -webkit-box-sizing: border-box;
7874
- box-sizing: border-box;
7918
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
7919
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
7920
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
7921
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
7922
+ border-radius: 0 2px 2px 0;
7875
7923
  }
7876
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
7877
- border-color: #2c6dd2;
7924
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
7925
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
7926
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
7927
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
7928
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
7929
+ border-left-width: 1px;
7930
+ border-radius: 2px 0 0 2px;
7878
7931
  }
7879
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
7880
- background-color: #2c6dd2;
7932
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
7933
+ margin-right: -1px;
7934
+ margin-left: 0;
7881
7935
  }
7882
- .pandora-sdk-name-explain-icon {
7883
- color: inherit;
7884
- -webkit-transition: color 0.3s;
7885
- transition: color 0.3s;
7936
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
7937
+ border-radius: 0 2px 2px 0;
7886
7938
  }
7887
- .pandora-sdk-name-explain-icon:hover,
7888
- .pandora-sdk-name-explain-icon .ant-tooltip-open {
7889
- color: #2c6dd2;
7939
+ .ant-input-number-group-wrapper {
7940
+ display: inline-block;
7941
+ text-align: start;
7942
+ vertical-align: top;
7890
7943
  }
7891
- .ant-input-number {
7892
- -webkit-box-sizing: border-box;
7893
- box-sizing: border-box;
7894
- font-variant: tabular-nums;
7895
- list-style: none;
7896
- -webkit-font-feature-settings: 'tnum';
7897
- font-feature-settings: 'tnum';
7944
+ .ant-input-number-handler {
7898
7945
  position: relative;
7946
+ display: block;
7899
7947
  width: 100%;
7900
- min-width: 0;
7901
- padding: 4px 11px;
7902
- color: rgba(0, 0, 0, 0.85);
7903
- font-size: 14px;
7904
- line-height: 1.5715;
7905
- background-color: #fff;
7906
- background-image: none;
7907
- -webkit-transition: all 0.3s;
7908
- transition: all 0.3s;
7909
- /* stylelint-disable-next-line selector-no-vendor-prefix */
7910
- display: inline-block;
7911
- width: 90px;
7912
- margin: 0;
7913
- padding: 0;
7914
- border: 1px solid #d9d9d9;
7915
- border-radius: 2px;
7916
- }
7917
- .ant-input-number::-moz-placeholder {
7918
- opacity: 1;
7948
+ height: 50%;
7949
+ overflow: hidden;
7950
+ color: rgba(0, 0, 0, 0.45);
7951
+ font-weight: bold;
7952
+ line-height: 0;
7953
+ text-align: center;
7954
+ border-left: 1px solid #d9d9d9;
7955
+ -webkit-transition: all 0.1s linear;
7956
+ transition: all 0.1s linear;
7919
7957
  }
7920
- .ant-input-number::-webkit-input-placeholder {
7921
- color: #bfbfbf;
7922
- -webkit-user-select: none;
7923
- user-select: none;
7958
+ .ant-input-number-handler:active {
7959
+ background: #f4f4f4;
7924
7960
  }
7925
- .ant-input-number::-ms-input-placeholder {
7926
- color: #bfbfbf;
7927
- -ms-user-select: none;
7928
- user-select: none;
7961
+ .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
7962
+ .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
7963
+ color: #40a9ff;
7929
7964
  }
7930
- .ant-input-number::placeholder {
7931
- color: #bfbfbf;
7965
+ .ant-input-number-handler-up-inner,
7966
+ .ant-input-number-handler-down-inner {
7967
+ display: inline-block;
7968
+ color: inherit;
7969
+ font-style: normal;
7970
+ line-height: 0;
7971
+ text-align: center;
7972
+ text-transform: none;
7973
+ vertical-align: -0.125em;
7974
+ text-rendering: optimizeLegibility;
7975
+ -webkit-font-smoothing: antialiased;
7976
+ -moz-osx-font-smoothing: grayscale;
7977
+ position: absolute;
7978
+ right: 4px;
7979
+ width: 12px;
7980
+ height: 12px;
7981
+ color: rgba(0, 0, 0, 0.45);
7982
+ line-height: 12px;
7983
+ -webkit-transition: all 0.1s linear;
7984
+ transition: all 0.1s linear;
7932
7985
  -webkit-user-select: none;
7933
7986
  -moz-user-select: none;
7934
7987
  -ms-user-select: none;
7935
7988
  user-select: none;
7936
7989
  }
7937
- .ant-input-number:placeholder-shown {
7938
- text-overflow: ellipsis;
7990
+ .ant-input-number-handler-up-inner > *,
7991
+ .ant-input-number-handler-down-inner > * {
7992
+ line-height: 1;
7993
+ }
7994
+ .ant-input-number-handler-up-inner svg,
7995
+ .ant-input-number-handler-down-inner svg {
7996
+ display: inline-block;
7997
+ }
7998
+ .ant-input-number-handler-up-inner::before,
7999
+ .ant-input-number-handler-down-inner::before {
8000
+ display: none;
8001
+ }
8002
+ .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
8003
+ .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
8004
+ .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
8005
+ .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
8006
+ display: block;
7939
8007
  }
7940
8008
  .ant-input-number:hover {
7941
8009
  border-color: #40a9ff;
7942
8010
  border-right-width: 1px !important;
7943
8011
  }
7944
- .ant-input-rtl .ant-input-number:hover {
7945
- border-right-width: 0;
7946
- border-left-width: 1px !important;
8012
+ .ant-input-number:hover + .ant-form-item-children-icon {
8013
+ opacity: 0;
8014
+ -webkit-transition: opacity 0.24s linear 0.24s;
8015
+ transition: opacity 0.24s linear 0.24s;
7947
8016
  }
7948
- .ant-input-number:focus,
7949
8017
  .ant-input-number-focused {
7950
8018
  border-color: #40a9ff;
7951
8019
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
@@ -7953,7 +8021,6 @@ span.ant-radio + * {
7953
8021
  border-right-width: 1px !important;
7954
8022
  outline: 0;
7955
8023
  }
7956
- .ant-input-rtl .ant-input-number:focus,
7957
8024
  .ant-input-rtl .ant-input-number-focused {
7958
8025
  border-right-width: 0;
7959
8026
  border-left-width: 1px !important;
@@ -7971,670 +8038,603 @@ span.ant-radio + * {
7971
8038
  border-color: #d9d9d9;
7972
8039
  border-right-width: 1px !important;
7973
8040
  }
7974
- .ant-input-number[disabled] {
7975
- color: rgba(0, 0, 0, 0.25);
7976
- background-color: #f5f5f5;
7977
- border-color: #d9d9d9;
7978
- -webkit-box-shadow: none;
7979
- box-shadow: none;
8041
+ .ant-input-number-disabled .ant-input-number-input {
7980
8042
  cursor: not-allowed;
7981
- opacity: 1;
7982
- }
7983
- .ant-input-number[disabled]:hover {
7984
- border-color: #d9d9d9;
7985
- border-right-width: 1px !important;
7986
- }
7987
- .ant-input-number-borderless,
7988
- .ant-input-number-borderless:hover,
7989
- .ant-input-number-borderless:focus,
7990
- .ant-input-number-borderless-focused,
7991
- .ant-input-number-borderless-disabled,
7992
- .ant-input-number-borderless[disabled] {
7993
- background-color: transparent;
7994
- border: none;
7995
- -webkit-box-shadow: none;
7996
- box-shadow: none;
7997
- }
7998
- textarea.ant-input-number {
7999
- max-width: 100%;
8000
- height: auto;
8001
- min-height: 32px;
8002
- line-height: 1.5715;
8003
- vertical-align: bottom;
8004
- -webkit-transition: all 0.3s, height 0s;
8005
- transition: all 0.3s, height 0s;
8006
- }
8007
- .ant-input-number-lg {
8008
- padding: 6.5px 11px;
8009
- font-size: 16px;
8010
- }
8011
- .ant-input-number-sm {
8012
- padding: 0px 7px;
8013
- }
8014
- .ant-input-number-rtl {
8015
- direction: rtl;
8016
- }
8017
- .ant-input-number-group {
8018
- -webkit-box-sizing: border-box;
8019
- box-sizing: border-box;
8020
- margin: 0;
8021
- padding: 0;
8022
- color: rgba(0, 0, 0, 0.85);
8023
- font-size: 14px;
8024
- font-variant: tabular-nums;
8025
- line-height: 1.5715;
8026
- list-style: none;
8027
- -webkit-font-feature-settings: 'tnum';
8028
- font-feature-settings: 'tnum';
8029
- position: relative;
8030
- display: table;
8031
- width: 100%;
8032
- border-collapse: separate;
8033
- border-spacing: 0;
8034
- }
8035
- .ant-input-number-group[class*='col-'] {
8036
- float: none;
8037
- padding-right: 0;
8038
- padding-left: 0;
8039
- }
8040
- .ant-input-number-group > [class*='col-'] {
8041
- padding-right: 8px;
8042
- }
8043
- .ant-input-number-group > [class*='col-']:last-child {
8044
- padding-right: 0;
8045
- }
8046
- .ant-input-number-group-addon,
8047
- .ant-input-number-group-wrap,
8048
- .ant-input-number-group > .ant-input-number {
8049
- display: table-cell;
8050
- }
8051
- .ant-input-number-group-addon:not(:first-child):not(:last-child),
8052
- .ant-input-number-group-wrap:not(:first-child):not(:last-child),
8053
- .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
8054
- border-radius: 0;
8055
8043
  }
8056
- .ant-input-number-group-addon,
8057
- .ant-input-number-group-wrap {
8058
- width: 1px;
8059
- white-space: nowrap;
8060
- vertical-align: middle;
8044
+ .ant-input-number-disabled .ant-input-number-handler-wrap {
8045
+ display: none;
8061
8046
  }
8062
- .ant-input-number-group-wrap > * {
8063
- display: block !important;
8047
+ .ant-input-number-readonly .ant-input-number-handler-wrap {
8048
+ display: none;
8064
8049
  }
8065
- .ant-input-number-group .ant-input-number {
8066
- float: left;
8050
+ .ant-input-number-input {
8067
8051
  width: 100%;
8068
- margin-bottom: 0;
8069
- text-align: inherit;
8070
- }
8071
- .ant-input-number-group .ant-input-number:focus {
8072
- z-index: 1;
8073
- border-right-width: 1px;
8074
- }
8075
- .ant-input-number-group .ant-input-number:hover {
8076
- z-index: 1;
8077
- border-right-width: 1px;
8078
- }
8079
- .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
8080
- z-index: 0;
8081
- }
8082
- .ant-input-number-group-addon {
8083
- position: relative;
8052
+ height: 30px;
8084
8053
  padding: 0 11px;
8085
- color: rgba(0, 0, 0, 0.85);
8086
- font-weight: normal;
8087
- font-size: 14px;
8088
- text-align: center;
8089
- background-color: #fafafa;
8090
- border: 1px solid #d9d9d9;
8091
- border-radius: 2px;
8092
- -webkit-transition: all 0.3s;
8093
- transition: all 0.3s;
8094
- }
8095
- .ant-input-number-group-addon .ant-select {
8096
- margin: -5px -11px;
8097
- }
8098
- .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
8099
- background-color: inherit;
8100
- border: 1px solid transparent;
8101
- -webkit-box-shadow: none;
8102
- box-shadow: none;
8103
- }
8104
- .ant-input-number-group-addon .ant-select-open .ant-select-selector,
8105
- .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
8106
- color: #1890ff;
8107
- }
8108
- .ant-input-number-group-addon .ant-cascader-picker {
8109
- margin: -9px -12px;
8110
- background-color: transparent;
8111
- }
8112
- .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
8113
8054
  text-align: left;
8055
+ background-color: transparent;
8114
8056
  border: 0;
8115
- -webkit-box-shadow: none;
8116
- box-shadow: none;
8117
- }
8118
- .ant-input-number-group > .ant-input-number:first-child,
8119
- .ant-input-number-group-addon:first-child {
8120
- border-top-right-radius: 0;
8121
- border-bottom-right-radius: 0;
8122
- }
8123
- .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
8124
- .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
8125
- border-top-right-radius: 0;
8126
- border-bottom-right-radius: 0;
8127
- }
8128
- .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
8129
- border-top-left-radius: 0;
8130
- border-bottom-left-radius: 0;
8131
- }
8132
- .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
8133
- border-top-right-radius: 0;
8134
- border-bottom-right-radius: 0;
8135
- }
8136
- .ant-input-number-group-addon:first-child {
8137
- border-right: 0;
8138
- }
8139
- .ant-input-number-group-addon:last-child {
8140
- border-left: 0;
8141
- }
8142
- .ant-input-number-group > .ant-input-number:last-child,
8143
- .ant-input-number-group-addon:last-child {
8144
- border-top-left-radius: 0;
8145
- border-bottom-left-radius: 0;
8146
- }
8147
- .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
8148
- .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
8149
- border-top-left-radius: 0;
8150
- border-bottom-left-radius: 0;
8151
- }
8152
- .ant-input-number-group-lg .ant-input-number,
8153
- .ant-input-number-group-lg > .ant-input-number-group-addon {
8154
- padding: 6.5px 11px;
8155
- font-size: 16px;
8156
- }
8157
- .ant-input-number-group-sm .ant-input-number,
8158
- .ant-input-number-group-sm > .ant-input-number-group-addon {
8159
- padding: 0px 7px;
8160
- }
8161
- .ant-input-number-group-lg .ant-select-single .ant-select-selector {
8162
- height: 40px;
8163
- }
8164
- .ant-input-number-group-sm .ant-select-single .ant-select-selector {
8165
- height: 24px;
8057
+ border-radius: 2px;
8058
+ outline: 0;
8059
+ -webkit-transition: all 0.3s linear;
8060
+ transition: all 0.3s linear;
8061
+ -webkit-appearance: textfield !important;
8062
+ -moz-appearance: textfield !important;
8063
+ appearance: textfield !important;
8064
+ /* stylelint-disable-next-line selector-no-vendor-prefix */
8166
8065
  }
8167
- .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8168
- border-top-right-radius: 0;
8169
- border-bottom-right-radius: 0;
8066
+ .ant-input-number-input::-moz-placeholder {
8067
+ opacity: 1;
8170
8068
  }
8171
- .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8172
- border-top-left-radius: 2px;
8173
- border-bottom-left-radius: 2px;
8069
+ .ant-input-number-input::-webkit-input-placeholder {
8070
+ color: #bfbfbf;
8071
+ -webkit-user-select: none;
8072
+ user-select: none;
8174
8073
  }
8175
- .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
8176
- .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
8177
- border-top-left-radius: 0;
8178
- border-bottom-left-radius: 0;
8074
+ .ant-input-number-input::-ms-input-placeholder {
8075
+ color: #bfbfbf;
8076
+ -ms-user-select: none;
8077
+ user-select: none;
8179
8078
  }
8180
- .ant-input-number-group.ant-input-number-group-compact {
8181
- display: block;
8079
+ .ant-input-number-input::placeholder {
8080
+ color: #bfbfbf;
8081
+ -webkit-user-select: none;
8082
+ -moz-user-select: none;
8083
+ -ms-user-select: none;
8084
+ user-select: none;
8182
8085
  }
8183
- .ant-input-number-group.ant-input-number-group-compact::before {
8184
- display: table;
8185
- content: '';
8086
+ .ant-input-number-input:placeholder-shown {
8087
+ text-overflow: ellipsis;
8186
8088
  }
8187
- .ant-input-number-group.ant-input-number-group-compact::after {
8188
- display: table;
8189
- clear: both;
8190
- content: '';
8089
+ .ant-input-number-input[type='number']::-webkit-inner-spin-button,
8090
+ .ant-input-number-input[type='number']::-webkit-outer-spin-button {
8091
+ margin: 0;
8092
+ /* stylelint-disable-next-line property-no-vendor-prefix */
8093
+ -webkit-appearance: none;
8094
+ appearance: none;
8191
8095
  }
8192
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
8193
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
8194
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
8195
- border-right-width: 1px;
8096
+ .ant-input-number-lg {
8097
+ padding: 0;
8098
+ font-size: 16px;
8196
8099
  }
8197
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
8198
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
8199
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
8200
- z-index: 1;
8100
+ .ant-input-number-lg input {
8101
+ height: 38px;
8201
8102
  }
8202
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
8203
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
8204
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
8205
- z-index: 1;
8103
+ .ant-input-number-sm {
8104
+ padding: 0;
8206
8105
  }
8207
- .ant-input-number-group.ant-input-number-group-compact > * {
8208
- display: inline-block;
8209
- float: none;
8210
- vertical-align: top;
8211
- border-radius: 0;
8106
+ .ant-input-number-sm input {
8107
+ height: 22px;
8108
+ padding: 0 7px;
8212
8109
  }
8213
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
8214
- display: -webkit-inline-box;
8215
- display: -ms-inline-flexbox;
8216
- display: inline-flex;
8110
+ .ant-input-number-handler-wrap {
8111
+ position: absolute;
8112
+ top: 0;
8113
+ right: 0;
8114
+ width: 22px;
8115
+ height: 100%;
8116
+ background: #fff;
8117
+ border-radius: 0 2px 2px 0;
8118
+ opacity: 0;
8119
+ -webkit-transition: opacity 0.24s linear 0.1s;
8120
+ transition: opacity 0.24s linear 0.1s;
8217
8121
  }
8218
- .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
8219
- display: -webkit-inline-box;
8220
- display: -ms-inline-flexbox;
8221
- display: inline-flex;
8122
+ .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
8123
+ .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
8124
+ display: -webkit-box;
8125
+ display: -ms-flexbox;
8126
+ display: flex;
8127
+ -webkit-box-align: center;
8128
+ -ms-flex-align: center;
8129
+ align-items: center;
8130
+ -webkit-box-pack: center;
8131
+ -ms-flex-pack: center;
8132
+ justify-content: center;
8133
+ min-width: auto;
8134
+ margin-right: 0;
8135
+ font-size: 7px;
8222
8136
  }
8223
- .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
8224
- margin-right: -1px;
8225
- border-right-width: 1px;
8137
+ .ant-input-number-borderless .ant-input-number-handler-wrap {
8138
+ border-left-width: 0;
8226
8139
  }
8227
- .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
8228
- float: none;
8140
+ .ant-input-number-handler-wrap:hover .ant-input-number-handler {
8141
+ height: 40%;
8229
8142
  }
8230
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
8231
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
8232
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
8233
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
8234
- border-right-width: 1px;
8235
- border-radius: 0;
8143
+ .ant-input-number:hover .ant-input-number-handler-wrap,
8144
+ .ant-input-number-focused .ant-input-number-handler-wrap {
8145
+ opacity: 1;
8236
8146
  }
8237
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
8238
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
8239
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
8240
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
8241
- z-index: 1;
8147
+ .ant-input-number-handler-up {
8148
+ border-top-right-radius: 2px;
8149
+ cursor: pointer;
8242
8150
  }
8243
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
8244
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
8245
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
8246
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
8247
- z-index: 1;
8151
+ .ant-input-number-handler-up-inner {
8152
+ top: 50%;
8153
+ margin-top: -5px;
8154
+ text-align: center;
8248
8155
  }
8249
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
8250
- z-index: 1;
8156
+ .ant-input-number-handler-up:hover {
8157
+ height: 60% !important;
8251
8158
  }
8252
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
8253
- z-index: 1;
8159
+ .ant-input-number-handler-down {
8160
+ top: 0;
8161
+ border-top: 1px solid #d9d9d9;
8162
+ border-bottom-right-radius: 2px;
8163
+ cursor: pointer;
8254
8164
  }
8255
- .ant-input-number-group.ant-input-number-group-compact > *:first-child,
8256
- .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
8257
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
8258
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
8259
- border-top-left-radius: 2px;
8260
- border-bottom-left-radius: 2px;
8165
+ .ant-input-number-handler-down-inner {
8166
+ top: 50%;
8167
+ text-align: center;
8168
+ -webkit-transform: translateY(-50%);
8169
+ transform: translateY(-50%);
8261
8170
  }
8262
- .ant-input-number-group.ant-input-number-group-compact > *:last-child,
8263
- .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
8264
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
8265
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
8266
- border-right-width: 1px;
8267
- border-top-right-radius: 2px;
8268
- border-bottom-right-radius: 2px;
8171
+ .ant-input-number-handler-down:hover {
8172
+ height: 60% !important;
8269
8173
  }
8270
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
8271
- vertical-align: top;
8174
+ .ant-input-number-borderless .ant-input-number-handler-down {
8175
+ border-top-width: 0;
8272
8176
  }
8273
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
8274
- margin-left: -1px;
8177
+ .ant-input-number-handler-up-disabled,
8178
+ .ant-input-number-handler-down-disabled {
8179
+ cursor: not-allowed;
8275
8180
  }
8276
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
8277
- border-radius: 0;
8181
+ .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
8182
+ .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
8183
+ color: rgba(0, 0, 0, 0.25);
8278
8184
  }
8279
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
8280
- border-radius: 0;
8185
+ .ant-input-number-borderless {
8186
+ -webkit-box-shadow: none;
8187
+ box-shadow: none;
8281
8188
  }
8282
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
8283
- border-radius: 2px 0 0 2px;
8189
+ .ant-input-number-out-of-range input {
8190
+ color: #ff4d4f;
8284
8191
  }
8285
- .ant-input-number-group > .ant-input-number-rtl:first-child,
8286
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
8287
- border-radius: 0 2px 2px 0;
8192
+ .ant-input-number-rtl {
8193
+ direction: rtl;
8288
8194
  }
8289
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
8195
+ .ant-input-number-rtl .ant-input-number-handler {
8290
8196
  border-right: 1px solid #d9d9d9;
8291
8197
  border-left: 0;
8292
8198
  }
8293
- .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
8294
- border-right: 0;
8295
- border-left: 1px solid #d9d9d9;
8296
- }
8297
- .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
8298
- .ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
8299
- border-radius: 2px 0 0 2px;
8300
- }
8301
- .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
8302
- border-radius: 2px 0 0 2px;
8199
+ .ant-input-number-rtl .ant-input-number-handler-wrap {
8200
+ right: auto;
8201
+ left: 0;
8303
8202
  }
8304
- .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8305
- border-radius: 0 2px 2px 0;
8203
+ .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
8204
+ border-right-width: 0;
8306
8205
  }
8307
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
8308
- margin-right: 0;
8309
- margin-left: -1px;
8310
- border-left-width: 1px;
8206
+ .ant-input-number-rtl .ant-input-number-handler-up {
8207
+ border-top-right-radius: 0;
8311
8208
  }
8312
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
8313
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
8314
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
8315
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
8316
- border-radius: 0 2px 2px 0;
8209
+ .ant-input-number-rtl .ant-input-number-handler-down {
8210
+ border-bottom-right-radius: 0;
8317
8211
  }
8318
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
8319
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
8320
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
8321
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
8322
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
8323
- border-left-width: 1px;
8324
- border-radius: 2px 0 0 2px;
8212
+ .ant-input-number-rtl .ant-input-number-input {
8213
+ direction: ltr;
8214
+ text-align: right;
8325
8215
  }
8326
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
8327
- margin-right: -1px;
8328
- margin-left: 0;
8216
+ .pandora-sdk-range-input {
8217
+ position: relative;
8329
8218
  }
8330
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
8331
- border-radius: 0 2px 2px 0;
8219
+ .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
8220
+ display: inline-block;
8221
+ width: 40px;
8222
+ line-height: 40px;
8223
+ text-align: center;
8332
8224
  }
8333
- .ant-input-number-group-wrapper {
8225
+ .pandora-sdk-range-input .pandora-sdk-range-input-input {
8226
+ width: calc(50% - 20px);
8227
+ text-align: center;
8334
8228
  display: inline-block;
8335
- text-align: start;
8336
- vertical-align: top;
8337
8229
  }
8338
- .ant-input-number-handler {
8339
- position: relative;
8340
- display: block;
8230
+ .pandora-sdk-range-input .pandora-sdk-range-input-error {
8231
+ color: #ff4d4f;
8232
+ line-height: 24px;
8233
+ font-size: 12px;
8234
+ }
8235
+ .pandora-sdk-range-input .ant-input-number {
8341
8236
  width: 100%;
8342
- height: 50%;
8343
- overflow: hidden;
8344
- color: rgba(0, 0, 0, 0.45);
8345
- font-weight: bold;
8346
- line-height: 0;
8347
- text-align: center;
8348
- border-left: 1px solid #d9d9d9;
8349
- -webkit-transition: all 0.1s linear;
8350
- transition: all 0.1s linear;
8351
8237
  }
8352
- .ant-input-number-handler:active {
8353
- background: #f4f4f4;
8238
+ .pandora-sdk-range-input input::-webkit-outer-spin-button,
8239
+ .pandora-sdk-range-input input::-webkit-inner-spin-button {
8240
+ -webkit-appearance: none;
8354
8241
  }
8355
- .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
8356
- .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
8357
- color: #40a9ff;
8242
+ .pandora-sdk-range-input input[type='number'] {
8243
+ -moz-appearance: textfield;
8358
8244
  }
8359
- .ant-input-number-handler-up-inner,
8360
- .ant-input-number-handler-down-inner {
8245
+ .ant-radio-group {
8246
+ -webkit-box-sizing: border-box;
8247
+ box-sizing: border-box;
8248
+ margin: 0;
8249
+ padding: 0;
8250
+ color: rgba(0, 0, 0, 0.85);
8251
+ font-size: 14px;
8252
+ font-variant: tabular-nums;
8253
+ line-height: 1.5715;
8254
+ list-style: none;
8255
+ -webkit-font-feature-settings: 'tnum';
8256
+ font-feature-settings: 'tnum';
8361
8257
  display: inline-block;
8362
- color: inherit;
8363
- font-style: normal;
8364
- line-height: 0;
8365
- text-align: center;
8366
- text-transform: none;
8367
- vertical-align: -0.125em;
8368
- text-rendering: optimizeLegibility;
8369
- -webkit-font-smoothing: antialiased;
8370
- -moz-osx-font-smoothing: grayscale;
8371
- position: absolute;
8372
- right: 4px;
8373
- width: 12px;
8374
- height: 12px;
8375
- color: rgba(0, 0, 0, 0.45);
8376
- line-height: 12px;
8377
- -webkit-transition: all 0.1s linear;
8378
- transition: all 0.1s linear;
8379
- -webkit-user-select: none;
8380
- -moz-user-select: none;
8381
- -ms-user-select: none;
8382
- user-select: none;
8258
+ font-size: 0;
8383
8259
  }
8384
- .ant-input-number-handler-up-inner > *,
8385
- .ant-input-number-handler-down-inner > * {
8386
- line-height: 1;
8260
+ .ant-radio-group .ant-badge-count {
8261
+ z-index: 1;
8387
8262
  }
8388
- .ant-input-number-handler-up-inner svg,
8389
- .ant-input-number-handler-down-inner svg {
8390
- display: inline-block;
8263
+ .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
8264
+ border-left: none;
8391
8265
  }
8392
- .ant-input-number-handler-up-inner::before,
8393
- .ant-input-number-handler-down-inner::before {
8394
- display: none;
8266
+ .ant-radio-wrapper {
8267
+ -webkit-box-sizing: border-box;
8268
+ box-sizing: border-box;
8269
+ margin: 0;
8270
+ padding: 0;
8271
+ color: rgba(0, 0, 0, 0.85);
8272
+ font-size: 14px;
8273
+ font-variant: tabular-nums;
8274
+ line-height: 1.5715;
8275
+ list-style: none;
8276
+ -webkit-font-feature-settings: 'tnum';
8277
+ font-feature-settings: 'tnum';
8278
+ position: relative;
8279
+ display: -webkit-inline-box;
8280
+ display: -ms-inline-flexbox;
8281
+ display: inline-flex;
8282
+ -webkit-box-align: baseline;
8283
+ -ms-flex-align: baseline;
8284
+ align-items: baseline;
8285
+ margin-right: 8px;
8286
+ cursor: pointer;
8395
8287
  }
8396
- .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
8397
- .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
8398
- .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
8399
- .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
8400
- display: block;
8288
+ .ant-radio-wrapper::after {
8289
+ display: inline-block;
8290
+ width: 0;
8291
+ overflow: hidden;
8292
+ content: '\a0';
8401
8293
  }
8402
- .ant-input-number:hover {
8403
- border-color: #40a9ff;
8404
- border-right-width: 1px !important;
8294
+ .ant-radio {
8295
+ -webkit-box-sizing: border-box;
8296
+ box-sizing: border-box;
8297
+ margin: 0;
8298
+ padding: 0;
8299
+ color: rgba(0, 0, 0, 0.85);
8300
+ font-size: 14px;
8301
+ font-variant: tabular-nums;
8302
+ line-height: 1.5715;
8303
+ list-style: none;
8304
+ -webkit-font-feature-settings: 'tnum';
8305
+ font-feature-settings: 'tnum';
8306
+ position: relative;
8307
+ top: 0.2em;
8308
+ display: inline-block;
8309
+ outline: none;
8310
+ cursor: pointer;
8405
8311
  }
8406
- .ant-input-number:hover + .ant-form-item-children-icon {
8407
- opacity: 0;
8408
- -webkit-transition: opacity 0.24s linear 0.24s;
8409
- transition: opacity 0.24s linear 0.24s;
8312
+ .ant-radio-wrapper:hover .ant-radio,
8313
+ .ant-radio:hover .ant-radio-inner,
8314
+ .ant-radio-input:focus + .ant-radio-inner {
8315
+ border-color: #1890ff;
8410
8316
  }
8411
- .ant-input-number-focused {
8412
- border-color: #40a9ff;
8413
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8414
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8415
- border-right-width: 1px !important;
8416
- outline: 0;
8317
+ .ant-radio-input:focus + .ant-radio-inner {
8318
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
8319
+ box-shadow: 0 0 0 3px #e6f7ff;
8417
8320
  }
8418
- .ant-input-rtl .ant-input-number-focused {
8419
- border-right-width: 0;
8420
- border-left-width: 1px !important;
8321
+ .ant-radio-checked::after {
8322
+ position: absolute;
8323
+ top: 0;
8324
+ left: 0;
8325
+ width: 100%;
8326
+ height: 100%;
8327
+ border: 1px solid #1890ff;
8328
+ border-radius: 50%;
8329
+ visibility: hidden;
8330
+ -webkit-animation: antRadioEffect 0.36s ease-in-out;
8331
+ animation: antRadioEffect 0.36s ease-in-out;
8332
+ -webkit-animation-fill-mode: both;
8333
+ animation-fill-mode: both;
8334
+ content: '';
8421
8335
  }
8422
- .ant-input-number-disabled {
8423
- color: rgba(0, 0, 0, 0.25);
8424
- background-color: #f5f5f5;
8425
- border-color: #d9d9d9;
8426
- -webkit-box-shadow: none;
8427
- box-shadow: none;
8428
- cursor: not-allowed;
8429
- opacity: 1;
8336
+ .ant-radio:hover::after,
8337
+ .ant-radio-wrapper:hover .ant-radio::after {
8338
+ visibility: visible;
8430
8339
  }
8431
- .ant-input-number-disabled:hover {
8340
+ .ant-radio-inner {
8341
+ position: relative;
8342
+ top: 0;
8343
+ left: 0;
8344
+ display: block;
8345
+ width: 16px;
8346
+ height: 16px;
8347
+ background-color: #fff;
8432
8348
  border-color: #d9d9d9;
8433
- border-right-width: 1px !important;
8434
- }
8435
- .ant-input-number-disabled .ant-input-number-input {
8436
- cursor: not-allowed;
8349
+ border-style: solid;
8350
+ border-width: 1px;
8351
+ border-radius: 50%;
8352
+ -webkit-transition: all 0.3s;
8353
+ transition: all 0.3s;
8437
8354
  }
8438
- .ant-input-number-disabled .ant-input-number-handler-wrap {
8439
- display: none;
8355
+ .ant-radio-inner::after {
8356
+ position: absolute;
8357
+ top: 3px;
8358
+ left: 3px;
8359
+ display: block;
8360
+ width: 8px;
8361
+ height: 8px;
8362
+ background-color: #1890ff;
8363
+ border-top: 0;
8364
+ border-left: 0;
8365
+ border-radius: 8px;
8366
+ -webkit-transform: scale(0);
8367
+ transform: scale(0);
8368
+ opacity: 0;
8369
+ -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
8370
+ transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
8371
+ content: ' ';
8440
8372
  }
8441
- .ant-input-number-readonly .ant-input-number-handler-wrap {
8442
- display: none;
8373
+ .ant-radio-input {
8374
+ position: absolute;
8375
+ top: 0;
8376
+ right: 0;
8377
+ bottom: 0;
8378
+ left: 0;
8379
+ z-index: 1;
8380
+ cursor: pointer;
8381
+ opacity: 0;
8443
8382
  }
8444
- .ant-input-number-input {
8445
- width: 100%;
8446
- height: 30px;
8447
- padding: 0 11px;
8448
- text-align: left;
8449
- background-color: transparent;
8450
- border: 0;
8451
- border-radius: 2px;
8452
- outline: 0;
8453
- -webkit-transition: all 0.3s linear;
8454
- transition: all 0.3s linear;
8455
- -webkit-appearance: textfield !important;
8456
- -moz-appearance: textfield !important;
8457
- appearance: textfield !important;
8458
- /* stylelint-disable-next-line selector-no-vendor-prefix */
8383
+ .ant-radio-checked .ant-radio-inner {
8384
+ border-color: #1890ff;
8459
8385
  }
8460
- .ant-input-number-input::-moz-placeholder {
8386
+ .ant-radio-checked .ant-radio-inner::after {
8387
+ -webkit-transform: scale(1);
8388
+ transform: scale(1);
8461
8389
  opacity: 1;
8390
+ -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
8391
+ transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
8392
+ }
8393
+ .ant-radio-disabled {
8394
+ cursor: not-allowed;
8395
+ }
8396
+ .ant-radio-disabled .ant-radio-inner {
8397
+ background-color: #f5f5f5;
8398
+ border-color: #d9d9d9 !important;
8399
+ cursor: not-allowed;
8462
8400
  }
8463
- .ant-input-number-input::-webkit-input-placeholder {
8464
- color: #bfbfbf;
8465
- -webkit-user-select: none;
8466
- user-select: none;
8401
+ .ant-radio-disabled .ant-radio-inner::after {
8402
+ background-color: rgba(0, 0, 0, 0.2);
8467
8403
  }
8468
- .ant-input-number-input::-ms-input-placeholder {
8469
- color: #bfbfbf;
8470
- -ms-user-select: none;
8471
- user-select: none;
8404
+ .ant-radio-disabled .ant-radio-input {
8405
+ cursor: not-allowed;
8472
8406
  }
8473
- .ant-input-number-input::placeholder {
8474
- color: #bfbfbf;
8475
- -webkit-user-select: none;
8476
- -moz-user-select: none;
8477
- -ms-user-select: none;
8478
- user-select: none;
8407
+ .ant-radio-disabled + span {
8408
+ color: rgba(0, 0, 0, 0.25);
8409
+ cursor: not-allowed;
8479
8410
  }
8480
- .ant-input-number-input:placeholder-shown {
8481
- text-overflow: ellipsis;
8411
+ span.ant-radio + * {
8412
+ padding-right: 8px;
8413
+ padding-left: 8px;
8482
8414
  }
8483
- .ant-input-number-input[type='number']::-webkit-inner-spin-button,
8484
- .ant-input-number-input[type='number']::-webkit-outer-spin-button {
8415
+ .ant-radio-button-wrapper {
8416
+ position: relative;
8417
+ display: inline-block;
8418
+ height: 32px;
8485
8419
  margin: 0;
8486
- /* stylelint-disable-next-line property-no-vendor-prefix */
8487
- -webkit-appearance: none;
8488
- appearance: none;
8420
+ padding: 0 15px;
8421
+ color: rgba(0, 0, 0, 0.85);
8422
+ font-size: 14px;
8423
+ line-height: 30px;
8424
+ background: #fff;
8425
+ border: 1px solid #d9d9d9;
8426
+ border-top-width: 1.02px;
8427
+ border-left-width: 0;
8428
+ cursor: pointer;
8429
+ -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
8430
+ transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
8431
+ transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
8432
+ transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
8489
8433
  }
8490
- .ant-input-number-lg {
8491
- padding: 0;
8492
- font-size: 16px;
8434
+ .ant-radio-button-wrapper a {
8435
+ color: rgba(0, 0, 0, 0.85);
8493
8436
  }
8494
- .ant-input-number-lg input {
8495
- height: 38px;
8437
+ .ant-radio-button-wrapper > .ant-radio-button {
8438
+ position: absolute;
8439
+ top: 0;
8440
+ left: 0;
8441
+ z-index: -1;
8442
+ width: 100%;
8443
+ height: 100%;
8496
8444
  }
8497
- .ant-input-number-sm {
8498
- padding: 0;
8445
+ .ant-radio-group-large .ant-radio-button-wrapper {
8446
+ height: 40px;
8447
+ font-size: 16px;
8448
+ line-height: 38px;
8499
8449
  }
8500
- .ant-input-number-sm input {
8501
- height: 22px;
8450
+ .ant-radio-group-small .ant-radio-button-wrapper {
8451
+ height: 24px;
8502
8452
  padding: 0 7px;
8453
+ line-height: 22px;
8503
8454
  }
8504
- .ant-input-number-handler-wrap {
8455
+ .ant-radio-button-wrapper:not(:first-child)::before {
8505
8456
  position: absolute;
8506
- top: 0;
8507
- right: 0;
8508
- width: 22px;
8457
+ top: -1px;
8458
+ left: -1px;
8459
+ display: block;
8460
+ -webkit-box-sizing: content-box;
8461
+ box-sizing: content-box;
8462
+ width: 1px;
8509
8463
  height: 100%;
8510
- background: #fff;
8464
+ padding: 1px 0;
8465
+ background-color: #d9d9d9;
8466
+ -webkit-transition: background-color 0.3s;
8467
+ transition: background-color 0.3s;
8468
+ content: '';
8469
+ }
8470
+ .ant-radio-button-wrapper:first-child {
8471
+ border-left: 1px solid #d9d9d9;
8472
+ border-radius: 2px 0 0 2px;
8473
+ }
8474
+ .ant-radio-button-wrapper:last-child {
8511
8475
  border-radius: 0 2px 2px 0;
8476
+ }
8477
+ .ant-radio-button-wrapper:first-child:last-child {
8478
+ border-radius: 2px;
8479
+ }
8480
+ .ant-radio-button-wrapper:hover {
8481
+ position: relative;
8482
+ color: #1890ff;
8483
+ }
8484
+ .ant-radio-button-wrapper:focus-within {
8485
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
8486
+ box-shadow: 0 0 0 3px #e6f7ff;
8487
+ }
8488
+ .ant-radio-button-wrapper .ant-radio-inner,
8489
+ .ant-radio-button-wrapper input[type='checkbox'],
8490
+ .ant-radio-button-wrapper input[type='radio'] {
8491
+ width: 0;
8492
+ height: 0;
8512
8493
  opacity: 0;
8513
- -webkit-transition: opacity 0.24s linear 0.1s;
8514
- transition: opacity 0.24s linear 0.1s;
8494
+ pointer-events: none;
8515
8495
  }
8516
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
8517
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
8518
- display: -webkit-box;
8519
- display: -ms-flexbox;
8520
- display: flex;
8521
- -webkit-box-align: center;
8522
- -ms-flex-align: center;
8523
- align-items: center;
8524
- -webkit-box-pack: center;
8525
- -ms-flex-pack: center;
8526
- justify-content: center;
8527
- min-width: auto;
8528
- margin-right: 0;
8529
- font-size: 7px;
8496
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
8497
+ z-index: 1;
8498
+ color: #1890ff;
8499
+ background: #fff;
8500
+ border-color: #1890ff;
8530
8501
  }
8531
- .ant-input-number-borderless .ant-input-number-handler-wrap {
8532
- border-left-width: 0;
8502
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
8503
+ background-color: #1890ff;
8533
8504
  }
8534
- .ant-input-number-handler-wrap:hover .ant-input-number-handler {
8535
- height: 40%;
8505
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
8506
+ border-color: #1890ff;
8536
8507
  }
8537
- .ant-input-number:hover .ant-input-number-handler-wrap,
8538
- .ant-input-number-focused .ant-input-number-handler-wrap {
8539
- opacity: 1;
8508
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
8509
+ color: #40a9ff;
8510
+ border-color: #40a9ff;
8540
8511
  }
8541
- .ant-input-number-handler-up {
8542
- border-top-right-radius: 2px;
8543
- cursor: pointer;
8512
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
8513
+ background-color: #40a9ff;
8544
8514
  }
8545
- .ant-input-number-handler-up-inner {
8546
- top: 50%;
8547
- margin-top: -5px;
8548
- text-align: center;
8515
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
8516
+ color: #096dd9;
8517
+ border-color: #096dd9;
8549
8518
  }
8550
- .ant-input-number-handler-up:hover {
8551
- height: 60% !important;
8519
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
8520
+ background-color: #096dd9;
8552
8521
  }
8553
- .ant-input-number-handler-down {
8554
- top: 0;
8555
- border-top: 1px solid #d9d9d9;
8556
- border-bottom-right-radius: 2px;
8557
- cursor: pointer;
8522
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
8523
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
8524
+ box-shadow: 0 0 0 3px #e6f7ff;
8558
8525
  }
8559
- .ant-input-number-handler-down-inner {
8560
- top: 50%;
8561
- text-align: center;
8562
- -webkit-transform: translateY(-50%);
8563
- transform: translateY(-50%);
8526
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
8527
+ color: #fff;
8528
+ background: #1890ff;
8529
+ border-color: #1890ff;
8564
8530
  }
8565
- .ant-input-number-handler-down:hover {
8566
- height: 60% !important;
8531
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
8532
+ color: #fff;
8533
+ background: #40a9ff;
8534
+ border-color: #40a9ff;
8567
8535
  }
8568
- .ant-input-number-borderless .ant-input-number-handler-down {
8569
- border-top-width: 0;
8536
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
8537
+ color: #fff;
8538
+ background: #096dd9;
8539
+ border-color: #096dd9;
8570
8540
  }
8571
- .ant-input-number-handler-up-disabled,
8572
- .ant-input-number-handler-down-disabled {
8541
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
8542
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
8543
+ box-shadow: 0 0 0 3px #e6f7ff;
8544
+ }
8545
+ .ant-radio-button-wrapper-disabled {
8546
+ color: rgba(0, 0, 0, 0.25);
8547
+ background-color: #f5f5f5;
8548
+ border-color: #d9d9d9;
8573
8549
  cursor: not-allowed;
8574
8550
  }
8575
- .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
8576
- .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
8551
+ .ant-radio-button-wrapper-disabled:first-child,
8552
+ .ant-radio-button-wrapper-disabled:hover {
8577
8553
  color: rgba(0, 0, 0, 0.25);
8554
+ background-color: #f5f5f5;
8555
+ border-color: #d9d9d9;
8578
8556
  }
8579
- .ant-input-number-borderless {
8557
+ .ant-radio-button-wrapper-disabled:first-child {
8558
+ border-left-color: #d9d9d9;
8559
+ }
8560
+ .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
8561
+ color: rgba(0, 0, 0, 0.25);
8562
+ background-color: #e6e6e6;
8563
+ border-color: #d9d9d9;
8580
8564
  -webkit-box-shadow: none;
8581
8565
  box-shadow: none;
8582
8566
  }
8583
- .ant-input-number-out-of-range input {
8584
- color: #ff4d4f;
8567
+ @-webkit-keyframes antRadioEffect {
8568
+ 0% {
8569
+ -webkit-transform: scale(1);
8570
+ transform: scale(1);
8571
+ opacity: 0.5;
8572
+ }
8573
+ 100% {
8574
+ -webkit-transform: scale(1.6);
8575
+ transform: scale(1.6);
8576
+ opacity: 0;
8577
+ }
8585
8578
  }
8586
- .ant-input-number-rtl {
8587
- direction: rtl;
8579
+ @keyframes antRadioEffect {
8580
+ 0% {
8581
+ -webkit-transform: scale(1);
8582
+ transform: scale(1);
8583
+ opacity: 0.5;
8584
+ }
8585
+ 100% {
8586
+ -webkit-transform: scale(1.6);
8587
+ transform: scale(1.6);
8588
+ opacity: 0;
8589
+ }
8588
8590
  }
8589
- .ant-input-number-rtl .ant-input-number-handler {
8590
- border-right: 1px solid #d9d9d9;
8591
- border-left: 0;
8591
+ .ant-radio-group.ant-radio-group-rtl {
8592
+ direction: rtl;
8592
8593
  }
8593
- .ant-input-number-rtl .ant-input-number-handler-wrap {
8594
- right: auto;
8595
- left: 0;
8594
+ .ant-radio-wrapper.ant-radio-wrapper-rtl {
8595
+ margin-right: 0;
8596
+ margin-left: 8px;
8597
+ direction: rtl;
8596
8598
  }
8597
- .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
8599
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
8598
8600
  border-right-width: 0;
8601
+ border-left-width: 1px;
8599
8602
  }
8600
- .ant-input-number-rtl .ant-input-number-handler-up {
8601
- border-top-right-radius: 0;
8603
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
8604
+ right: -1px;
8605
+ left: 0;
8602
8606
  }
8603
- .ant-input-number-rtl .ant-input-number-handler-down {
8604
- border-bottom-right-radius: 0;
8607
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
8608
+ border-right: 1px solid #d9d9d9;
8609
+ border-radius: 0 2px 2px 0;
8605
8610
  }
8606
- .ant-input-number-rtl .ant-input-number-input {
8607
- direction: ltr;
8608
- text-align: right;
8611
+ .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
8612
+ border-right-color: #40a9ff;
8609
8613
  }
8610
- .pandora-sdk-range-input {
8611
- position: relative;
8614
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
8615
+ border-radius: 2px 0 0 2px;
8612
8616
  }
8613
- .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
8614
- display: inline-block;
8615
- width: 40px;
8616
- line-height: 40px;
8617
- text-align: center;
8617
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
8618
+ border-right-color: #d9d9d9;
8618
8619
  }
8619
- .pandora-sdk-range-input .pandora-sdk-range-input-input {
8620
- width: calc(50% - 20px);
8621
- text-align: center;
8622
- display: inline-block;
8620
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
8621
+ padding: 0 12px;
8623
8622
  }
8624
- .pandora-sdk-range-input .pandora-sdk-range-input-error {
8625
- color: #ff4d4f;
8626
- line-height: 24px;
8627
- font-size: 12px;
8623
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked) {
8624
+ border-color: #d9d9d9;
8628
8625
  }
8629
- .pandora-sdk-range-input .ant-input-number {
8630
- width: 100%;
8626
+ .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
8627
+ border-color: #d9d9d9;
8631
8628
  }
8632
- .pandora-sdk-range-input input::-webkit-outer-spin-button,
8633
- .pandora-sdk-range-input input::-webkit-inner-spin-button {
8634
- -webkit-appearance: none;
8629
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
8630
+ -webkit-box-sizing: border-box;
8631
+ box-sizing: border-box;
8635
8632
  }
8636
- .pandora-sdk-range-input input[type='number'] {
8637
- -moz-appearance: textfield;
8633
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
8634
+ border-color: #2c6dd2;
8635
+ }
8636
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
8637
+ background-color: #2c6dd2;
8638
8638
  }
8639
8639
  .ant-select-single .ant-select-selector {
8640
8640
  display: -webkit-box;
@@ -12229,6 +12229,32 @@ textarea.ant-pagination-options-quick-jumper input {
12229
12229
  .ant-empty .ant-empty-description {
12230
12230
  color: #bfbfbf;
12231
12231
  }
12232
+ .pandora-sdk-tabs .pandora-sdk-tabs-tab {
12233
+ position: relative;
12234
+ }
12235
+ .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
12236
+ opacity: 1;
12237
+ pointer-events: auto;
12238
+ }
12239
+ .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
12240
+ margin-right: 0;
12241
+ }
12242
+ .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
12243
+ margin-left: 8px;
12244
+ font-size: 12px;
12245
+ color: #d9d9d9;
12246
+ -webkit-transition: color 0.5s, opacity 0.2s;
12247
+ transition: color 0.5s, opacity 0.2s;
12248
+ pointer-events: none;
12249
+ opacity: 0;
12250
+ position: absolute;
12251
+ top: 50%;
12252
+ -webkit-transform: translateY(-50%);
12253
+ transform: translateY(-50%);
12254
+ }
12255
+ .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
12256
+ color: #2c6dd2;
12257
+ }
12232
12258
  .ant-tag {
12233
12259
  -webkit-box-sizing: border-box;
12234
12260
  box-sizing: border-box;
@@ -12496,32 +12522,6 @@ textarea.ant-pagination-options-quick-jumper input {
12496
12522
  .pandora-sdk-popover > div {
12497
12523
  margin: 4px;
12498
12524
  }
12499
- .pandora-sdk-tabs .pandora-sdk-tabs-tab {
12500
- position: relative;
12501
- }
12502
- .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
12503
- opacity: 1;
12504
- pointer-events: auto;
12505
- }
12506
- .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
12507
- margin-right: 0;
12508
- }
12509
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
12510
- margin-left: 8px;
12511
- font-size: 12px;
12512
- color: #d9d9d9;
12513
- -webkit-transition: color 0.5s, opacity 0.2s;
12514
- transition: color 0.5s, opacity 0.2s;
12515
- pointer-events: none;
12516
- opacity: 0;
12517
- position: absolute;
12518
- top: 50%;
12519
- -webkit-transform: translateY(-50%);
12520
- transform: translateY(-50%);
12521
- }
12522
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
12523
- color: #2c6dd2;
12524
- }
12525
12525
  .pandora-sdk-timeline-container {
12526
12526
  list-style: none;
12527
12527
  margin: 0;
@@ -19057,29 +19057,6 @@ textarea.ant-pagination-options-quick-jumper input {
19057
19057
  .pandora-sdk-card-search-input i {
19058
19058
  color: #bfbfbf;
19059
19059
  }
19060
- .pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter {
19061
- width: 32px;
19062
- margin: 0 auto;
19063
- margin-top: 10px;
19064
- margin-bottom: 5px;
19065
- }
19066
- .pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter .pandora-sdk-datetime-mobile-picker-title-div {
19067
- border-radius: 2px;
19068
- border: 2px solid #939393;
19069
- }
19070
- .pandora-sdk-datetime-mobile-picker {
19071
- border-radius: 12px;
19072
- }
19073
- .pandora-sdk-datetime-mobile-picker .am-picker-popup-header-left {
19074
- visibility: hidden;
19075
- }
19076
- .pandora-sdk-datetime-mobile-picker .am-picker-popup-content .am-picker-popup-body .am-picker-popup-header {
19077
- border-bottom: none;
19078
- background-image: none;
19079
- background-position: unset;
19080
- background-size: unset;
19081
- position: initial;
19082
- }
19083
19060
  .ant-picker {
19084
19061
  -webkit-box-sizing: border-box;
19085
19062
  box-sizing: border-box;
@@ -20363,6 +20340,29 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20363
20340
  .pandora-sdk-selector .pandora-sdk-datetime-pick-quarter-content .pandora-sdk-selector {
20364
20341
  margin-left: 18px;
20365
20342
  }
20343
+ .pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter {
20344
+ width: 32px;
20345
+ margin: 0 auto;
20346
+ margin-top: 10px;
20347
+ margin-bottom: 5px;
20348
+ }
20349
+ .pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter .pandora-sdk-datetime-mobile-picker-title-div {
20350
+ border-radius: 2px;
20351
+ border: 2px solid #939393;
20352
+ }
20353
+ .pandora-sdk-datetime-mobile-picker {
20354
+ border-radius: 12px;
20355
+ }
20356
+ .pandora-sdk-datetime-mobile-picker .am-picker-popup-header-left {
20357
+ visibility: hidden;
20358
+ }
20359
+ .pandora-sdk-datetime-mobile-picker .am-picker-popup-content .am-picker-popup-body .am-picker-popup-header {
20360
+ border-bottom: none;
20361
+ background-image: none;
20362
+ background-position: unset;
20363
+ background-size: unset;
20364
+ position: initial;
20365
+ }
20366
20366
  .pandora-sdk-datetime-pick-input .ant-input-suffix {
20367
20367
  pointer-events: none;
20368
20368
  color: #7a869a;
@@ -20389,6 +20389,18 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20389
20389
  color: inherit;
20390
20390
  cursor: inherit;
20391
20391
  }
20392
+ .pandora-sdk-popover-inline-list {
20393
+ display: inline-block;
20394
+ vertical-align: middle;
20395
+ }
20396
+ .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
20397
+ display: inline-block;
20398
+ height: 100%;
20399
+ margin-right: 12px;
20400
+ }
20401
+ .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
20402
+ color: #2c6dd2;
20403
+ }
20392
20404
  .pandora-sdk-popover-item {
20393
20405
  display: inline-block;
20394
20406
  line-height: 18px;
@@ -20415,18 +20427,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20415
20427
  .pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
20416
20428
  color: #bfbfbf;
20417
20429
  }
20418
- .pandora-sdk-popover-inline-list {
20419
- display: inline-block;
20420
- vertical-align: middle;
20421
- }
20422
- .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
20423
- display: inline-block;
20424
- height: 100%;
20425
- margin-right: 12px;
20426
- }
20427
- .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
20428
- color: #2c6dd2;
20429
- }
20430
20430
  .pandora-sdk-prev-button {
20431
20431
  margin-right: 10px;
20432
20432
  }
@@ -20605,6 +20605,21 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20605
20605
  font-size: 14px;
20606
20606
  color: #333;
20607
20607
  }
20608
+ .pandora-sdk-transfer-list {
20609
+ overflow: hidden;
20610
+ }
20611
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
20612
+ margin-bottom: 10px;
20613
+ }
20614
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
20615
+ margin-bottom: 10px;
20616
+ }
20617
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
20618
+ margin-bottom: 10px;
20619
+ }
20620
+ .pandora-sdk-search-icon {
20621
+ color: inherit;
20622
+ }
20608
20623
  .pandora-sdk-transfer-list-body {
20609
20624
  height: 300px;
20610
20625
  overflow-y: scroll;
@@ -20621,20 +20636,33 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20621
20636
  .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
20622
20637
  margin-bottom: 10px;
20623
20638
  }
20624
- .pandora-sdk-transfer-list {
20625
- overflow: hidden;
20639
+ .pandora-sdk-panel-title {
20640
+ display: -webkit-box;
20641
+ display: -ms-flexbox;
20642
+ display: flex;
20643
+ -webkit-box-pack: justify;
20644
+ -ms-flex-pack: justify;
20645
+ justify-content: space-between;
20646
+ font-size: 12px;
20647
+ color: #42526e;
20648
+ cursor: pointer;
20649
+ padding-bottom: 16px;
20650
+ border-bottom: 1px solid #d9d9d9;
20626
20651
  }
20627
- .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
20628
- margin-bottom: 10px;
20652
+ .pandora-sdk-panel-title .icon {
20653
+ font-size: 14px;
20629
20654
  }
20630
- .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
20631
- margin-bottom: 10px;
20655
+ .pandora-sdk-panel-content {
20656
+ padding: 20px 0 0 0;
20632
20657
  }
20633
- .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
20634
- margin-bottom: 10px;
20658
+ .pandora-sdk-panel-hidden {
20659
+ display: none;
20635
20660
  }
20636
- .pandora-sdk-search-icon {
20637
- color: inherit;
20661
+ .pandora-sdk-panel {
20662
+ margin-bottom: 20px;
20663
+ }
20664
+ .pandora-sdk-panel-disable {
20665
+ cursor: default;
20638
20666
  }
20639
20667
  .pandora-sdk-datetime-mobile-pick-range-preset-head {
20640
20668
  display: -webkit-box;
@@ -20672,31 +20700,3 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20672
20700
  border-radius: 2px;
20673
20701
  border: 2px solid #939393;
20674
20702
  }
20675
- .pandora-sdk-panel-title {
20676
- display: -webkit-box;
20677
- display: -ms-flexbox;
20678
- display: flex;
20679
- -webkit-box-pack: justify;
20680
- -ms-flex-pack: justify;
20681
- justify-content: space-between;
20682
- font-size: 12px;
20683
- color: #42526e;
20684
- cursor: pointer;
20685
- padding-bottom: 16px;
20686
- border-bottom: 1px solid #d9d9d9;
20687
- }
20688
- .pandora-sdk-panel-title .icon {
20689
- font-size: 14px;
20690
- }
20691
- .pandora-sdk-panel-content {
20692
- padding: 20px 0 0 0;
20693
- }
20694
- .pandora-sdk-panel-hidden {
20695
- display: none;
20696
- }
20697
- .pandora-sdk-panel {
20698
- margin-bottom: 20px;
20699
- }
20700
- .pandora-sdk-panel-disable {
20701
- cursor: default;
20702
- }