@cmstops/pro-compo 0.1.18 → 0.1.19

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 (65) hide show
  1. package/dist/index.css +70 -82
  2. package/dist/index.min.css +1 -1
  3. package/es/contentDetailList/component.js +7 -7
  4. package/es/contentDetailList/components/Content/CompoItem/index.js +3 -2
  5. package/es/contentDetailList/components/Content/ContentListItem/index.js +21 -13
  6. package/es/contentDetailList/components/Content/DocItem/ApprovalStateMap/index.js +2 -3
  7. package/es/contentDetailList/components/Content/DocItem/index.js +4 -2
  8. package/es/contentDetailList/components/Content/KongoNavItem/DocTags/index.js +9 -8
  9. package/es/contentDetailList/components/Content/KongoNavItem/index.js +3 -2
  10. package/es/contentDetailList/components/Content/LiveItem/index.js +3 -2
  11. package/es/contentDetailList/components/Content/MaccountItem/index.js +2 -1
  12. package/es/contentDetailList/components/Content/index.js +17 -19
  13. package/es/contentDetailList/scripts/index.d.ts +0 -10
  14. package/es/contentDetailList/style/ComoItem.less +7 -19
  15. package/es/contentDetailList/style/ContentListItem.less +28 -28
  16. package/es/contentDetailList/style/DocItem.less +10 -16
  17. package/es/contentDetailList/style/DocTags.less +2 -1
  18. package/es/contentDetailList/style/KongoNavItem.less +6 -19
  19. package/es/contentDetailList/style/LiveItem.less +8 -20
  20. package/es/contentDetailList/style/MaccountItem.less +8 -16
  21. package/es/contentDetailList/style/index.css +68 -82
  22. package/es/contentDetailList/style/index.less +10 -0
  23. package/es/index.css +70 -82
  24. package/es/mediaFilter/style/index.css +1 -0
  25. package/es/mediaFilter/style/index.less +1 -0
  26. package/es/style.css +1 -0
  27. package/es/typeIcons/style/index.css +1 -0
  28. package/es/typeIcons/style/index.less +1 -0
  29. package/es/utils/doc.d.ts +1 -0
  30. package/es/utils/doc.js +27 -1
  31. package/es/utils/index.d.ts +2 -0
  32. package/es/utils/index.js +16 -1
  33. package/es/utils/typeMap.d.ts +19 -0
  34. package/es/utils/typeMap.js +65 -1
  35. package/lib/contentDetailList/component.js +7 -7
  36. package/lib/contentDetailList/components/Content/CompoItem/index.js +4 -3
  37. package/lib/contentDetailList/components/Content/ContentListItem/index.js +22 -14
  38. package/lib/contentDetailList/components/Content/DocItem/ApprovalStateMap/index.js +8 -9
  39. package/lib/contentDetailList/components/Content/DocItem/index.js +8 -6
  40. package/lib/contentDetailList/components/Content/KongoNavItem/DocTags/index.js +16 -15
  41. package/lib/contentDetailList/components/Content/KongoNavItem/index.js +3 -2
  42. package/lib/contentDetailList/components/Content/LiveItem/index.js +3 -2
  43. package/lib/contentDetailList/components/Content/MaccountItem/index.js +2 -1
  44. package/lib/contentDetailList/components/Content/index.js +16 -18
  45. package/lib/contentDetailList/style/ComoItem.less +7 -19
  46. package/lib/contentDetailList/style/ContentListItem.less +28 -28
  47. package/lib/contentDetailList/style/DocItem.less +10 -16
  48. package/lib/contentDetailList/style/DocTags.less +2 -1
  49. package/lib/contentDetailList/style/KongoNavItem.less +6 -19
  50. package/lib/contentDetailList/style/LiveItem.less +8 -20
  51. package/lib/contentDetailList/style/MaccountItem.less +8 -16
  52. package/lib/contentDetailList/style/index.css +68 -82
  53. package/lib/contentDetailList/style/index.less +10 -0
  54. package/lib/index.css +70 -82
  55. package/lib/mediaFilter/style/index.css +1 -0
  56. package/lib/mediaFilter/style/index.less +1 -0
  57. package/lib/typeIcons/style/index.css +1 -0
  58. package/lib/typeIcons/style/index.less +1 -0
  59. package/lib/utils/doc.js +29 -0
  60. package/lib/utils/index.js +17 -0
  61. package/lib/utils/typeMap.js +71 -0
  62. package/package.json +1 -1
  63. package/es/contentDetailList/scripts/data.d.ts +0 -254
  64. package/es/contentDetailList/scripts/index.js +0 -137
  65. package/lib/contentDetailList/scripts/index.js +0 -153
@@ -1,13 +1,3 @@
1
- .gray_for_hide {
2
- -webkit-filter: grayscale(100%);
3
- -moz-filter: grayscale(100%);
4
- -ms-filter: grayscale(100%);
5
- -o-filter: grayscale(100%);
6
- filter: grayscale(100%);
7
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
8
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
9
- }
10
-
11
1
  .medialist-kongo-item-view {
12
2
  display: flex;
13
3
  // width: 100%;
@@ -26,7 +16,7 @@
26
16
  margin-right: 20px;
27
17
  background: #edf3ff;
28
18
 
29
- .arco-image-img {
19
+ .image {
30
20
  width: 100%;
31
21
  height: 100%;
32
22
  border-radius: 4px;
@@ -51,21 +41,18 @@
51
41
  padding: 2px 0;
52
42
 
53
43
  .title {
54
- display: -webkit-box;
44
+ display: flex;
45
+ align-items: center;
55
46
  margin-bottom: 10px;
56
47
  overflow: hidden;
57
48
  color: #1d2129;
58
- // width: calc(100vw - 500px);
59
- // display: flex;
60
49
  font-size: 14px;
61
- line-height: 1.5;
50
+ font-style: normal;
51
+ font-weight: 400;
52
+ line-height: 22px;
62
53
  cursor: pointer;
63
54
  -webkit-line-clamp: 2;
64
55
  -webkit-box-orient: vertical;
65
- // &:hover {
66
- // text-decoration: underline;
67
- // color: #4886ff;
68
- // }
69
56
  }
70
57
 
71
58
  .abttrite-v {
@@ -1,13 +1,3 @@
1
- .gray_for_hide {
2
- -webkit-filter: grayscale(100%);
3
- -moz-filter: grayscale(100%);
4
- -ms-filter: grayscale(100%);
5
- -o-filter: grayscale(100%);
6
- filter: grayscale(100%);
7
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
8
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
9
- }
10
-
11
1
  .medialist-ilive-item-view {
12
2
  display: flex;
13
3
  // width: 100%;
@@ -26,7 +16,7 @@
26
16
  margin-right: 20px;
27
17
  background: #edf3ff;
28
18
 
29
- .arco-image-img {
19
+ .image {
30
20
  width: 100%;
31
21
  height: 100%;
32
22
  border-radius: 4px;
@@ -51,21 +41,18 @@
51
41
  padding: 2px 0;
52
42
 
53
43
  .title {
54
- display: -webkit-box;
44
+ display: flex;
45
+ align-items: center;
55
46
  margin-bottom: 10px;
56
47
  overflow: hidden;
57
48
  color: #1d2129;
58
- // width: calc(100vw - 500px);
59
- // display: flex;
60
49
  font-size: 14px;
61
- line-height: 1.5;
50
+ font-style: normal;
51
+ font-weight: 400;
52
+ line-height: 22px;
62
53
  cursor: pointer;
63
54
  -webkit-line-clamp: 2;
64
55
  -webkit-box-orient: vertical;
65
- // &:hover {
66
- // text-decoration: underline;
67
- // color: #4886ff;
68
- // }
69
56
  }
70
57
 
71
58
  .abttrite-v {
@@ -96,7 +83,8 @@
96
83
  }
97
84
 
98
85
  &.tags {
99
- display: inline-block;
86
+ display: flex;
87
+ align-items: center;
100
88
  width: 160px;
101
89
  }
102
90
 
@@ -1,13 +1,3 @@
1
- .gray_for_hide {
2
- -webkit-filter: grayscale(100%);
3
- -moz-filter: grayscale(100%);
4
- -ms-filter: grayscale(100%);
5
- -o-filter: grayscale(100%);
6
- filter: grayscale(100%);
7
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
8
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
9
- }
10
-
11
1
  .medialist-account-item-view {
12
2
  display: flex;
13
3
  // width: 100%;
@@ -28,7 +18,7 @@
28
18
  background: #edf3ff;
29
19
  border-radius: 50%;
30
20
 
31
- .arco-image-img {
21
+ .image {
32
22
  width: 100%;
33
23
  height: 100%;
34
24
  border-radius: 4px;
@@ -53,14 +43,15 @@
53
43
  padding: 2px 0;
54
44
 
55
45
  .title {
56
- display: -webkit-box;
46
+ display: flex;
47
+ align-items: center;
57
48
  margin-bottom: 10px;
58
49
  overflow: hidden;
59
50
  color: #1d2129;
60
- // width: calc(100vw - 500px);
61
- // display: flex;
62
51
  font-size: 14px;
63
- line-height: 1.5;
52
+ font-style: normal;
53
+ font-weight: 400;
54
+ line-height: 22px;
64
55
  cursor: pointer;
65
56
  -webkit-line-clamp: 2;
66
57
  -webkit-box-orient: vertical;
@@ -100,7 +91,8 @@
100
91
  }
101
92
 
102
93
  &.tags {
103
- display: inline-block;
94
+ display: flex;
95
+ align-items: center;
104
96
  width: 175px;
105
97
  }
106
98
  }
@@ -38,15 +38,6 @@
38
38
  .content-common-detail-list-container .d_time {
39
39
  color: #7da8ff;
40
40
  }
41
- .gray_for_hide {
42
- -webkit-filter: grayscale(100%);
43
- -moz-filter: grayscale(100%);
44
- -ms-filter: grayscale(100%);
45
- -o-filter: grayscale(100%);
46
- filter: grayscale(100%);
47
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
48
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
49
- }
50
41
  .medialist-component-item-view {
51
42
  display: flex;
52
43
  padding: 10px;
@@ -85,12 +76,15 @@
85
76
  padding: 2px 0;
86
77
  }
87
78
  .medialist-component-item-view .info-view .title {
88
- display: -webkit-box;
79
+ display: flex;
80
+ align-items: center;
89
81
  margin-bottom: 10px;
90
82
  overflow: hidden;
91
83
  color: #1d2129;
92
84
  font-size: 14px;
93
- line-height: 1.5;
85
+ font-style: normal;
86
+ font-weight: 400;
87
+ line-height: 22px;
94
88
  cursor: pointer;
95
89
  -webkit-line-clamp: 2;
96
90
  -webkit-box-orient: vertical;
@@ -118,21 +112,13 @@
118
112
  width: 240px;
119
113
  }
120
114
  .medialist-component-item-view .info-view .abttrite-v .left .abttr.tags {
121
- display: inline-block;
115
+ display: flex;
116
+ align-items: center;
122
117
  width: 175px;
123
118
  }
124
119
  .medialist-component-item-view .info-view .abttrite-v .right {
125
120
  margin-right: 20px;
126
121
  }
127
- .gray_for_hide {
128
- -webkit-filter: grayscale(100%);
129
- -moz-filter: grayscale(100%);
130
- -ms-filter: grayscale(100%);
131
- -o-filter: grayscale(100%);
132
- filter: grayscale(100%);
133
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
134
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
135
- }
136
122
  .medialist-component-item-view {
137
123
  display: flex;
138
124
  padding: 10px;
@@ -149,7 +135,7 @@
149
135
  margin-right: 20px;
150
136
  background: #edf3ff;
151
137
  }
152
- .medialist-component-item-view .cover-view .arco-image-img {
138
+ .medialist-component-item-view .cover-view .image {
153
139
  width: 100%;
154
140
  height: 100%;
155
141
  border-radius: 4px;
@@ -171,12 +157,15 @@
171
157
  padding: 2px 0;
172
158
  }
173
159
  .medialist-component-item-view .info-view .title {
174
- display: -webkit-box;
160
+ display: flex;
161
+ align-items: center;
175
162
  margin-bottom: 10px;
176
163
  overflow: hidden;
177
164
  color: #1d2129;
178
165
  font-size: 14px;
179
- line-height: 1.5;
166
+ font-style: normal;
167
+ font-weight: 400;
168
+ line-height: 22px;
180
169
  cursor: pointer;
181
170
  -webkit-line-clamp: 2;
182
171
  -webkit-box-orient: vertical;
@@ -211,32 +200,30 @@
211
200
  width: 240px;
212
201
  }
213
202
  .medialist-component-item-view .info-view .abttrite-v .left .abttr.tags {
214
- display: inline-block;
203
+ display: flex;
204
+ align-items: center;
215
205
  width: 175px;
216
206
  }
207
+ .medialist-component-item-view .info-view .abttrite-v .left .icon {
208
+ margin-right: 10px;
209
+ }
217
210
  .medialist-component-item-view .info-view .abttrite-v .right {
218
211
  margin-right: 20px;
219
212
  }
220
- .lbs_tips {
213
+ .medialist-component-item-view .title-tips {
214
+ display: flex;
215
+ align-items: center;
221
216
  color: #a3a3a3;
222
- font-size: 8px;
217
+ font-size: 10px;
218
+ margin-left: 10px;
223
219
  }
224
- .lbs_tips .icon-xiangqing1 {
225
- margin-right: 3px;
220
+ .medialist-component-item-view .title-tips .icon {
221
+ margin-right: 5px;
226
222
  font-size: 10px;
227
223
  }
228
- .lbs_tips.red {
224
+ .medialist-component-item-view .title-tips.red {
229
225
  color: red;
230
226
  }
231
- .gray_for_hide {
232
- -webkit-filter: grayscale(100%);
233
- -moz-filter: grayscale(100%);
234
- -ms-filter: grayscale(100%);
235
- -o-filter: grayscale(100%);
236
- filter: grayscale(100%);
237
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
238
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
239
- }
240
227
  .medialist-kongo-item-view {
241
228
  display: flex;
242
229
  padding: 10px;
@@ -253,7 +240,7 @@
253
240
  margin-right: 20px;
254
241
  background: #edf3ff;
255
242
  }
256
- .medialist-kongo-item-view .cover-view .arco-image-img {
243
+ .medialist-kongo-item-view .cover-view .image {
257
244
  width: 100%;
258
245
  height: 100%;
259
246
  border-radius: 4px;
@@ -275,12 +262,15 @@
275
262
  padding: 2px 0;
276
263
  }
277
264
  .medialist-kongo-item-view .info-view .title {
278
- display: -webkit-box;
265
+ display: flex;
266
+ align-items: center;
279
267
  margin-bottom: 10px;
280
268
  overflow: hidden;
281
269
  color: #1d2129;
282
270
  font-size: 14px;
283
- line-height: 1.5;
271
+ font-style: normal;
272
+ font-weight: 400;
273
+ line-height: 22px;
284
274
  cursor: pointer;
285
275
  -webkit-line-clamp: 2;
286
276
  -webkit-box-orient: vertical;
@@ -320,9 +310,10 @@
320
310
  .no-margin span {
321
311
  margin-right: 0 !important;
322
312
  }
323
- .doc-tags-container .a-tag {
313
+ .doc-tags-container .arco-tag {
324
314
  font-weight: 600;
325
315
  border: none;
316
+ margin-right: 5px;
326
317
  }
327
318
  .doc-tags-container .yuanchuang {
328
319
  color: #4886ff;
@@ -364,15 +355,6 @@
364
355
  .doc-tags-thumb-popver .doc-tags-thumb-ul img + img {
365
356
  margin-left: 2px;
366
357
  }
367
- .gray_for_hide {
368
- -webkit-filter: grayscale(100%);
369
- -moz-filter: grayscale(100%);
370
- -ms-filter: grayscale(100%);
371
- -o-filter: grayscale(100%);
372
- filter: grayscale(100%);
373
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
374
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
375
- }
376
358
  .medialist-ilive-item-view {
377
359
  display: flex;
378
360
  padding: 10px;
@@ -389,7 +371,7 @@
389
371
  margin-right: 20px;
390
372
  background: #edf3ff;
391
373
  }
392
- .medialist-ilive-item-view .cover-view .arco-image-img {
374
+ .medialist-ilive-item-view .cover-view .image {
393
375
  width: 100%;
394
376
  height: 100%;
395
377
  border-radius: 4px;
@@ -411,12 +393,15 @@
411
393
  padding: 2px 0;
412
394
  }
413
395
  .medialist-ilive-item-view .info-view .title {
414
- display: -webkit-box;
396
+ display: flex;
397
+ align-items: center;
415
398
  margin-bottom: 10px;
416
399
  overflow: hidden;
417
400
  color: #1d2129;
418
401
  font-size: 14px;
419
- line-height: 1.5;
402
+ font-style: normal;
403
+ font-weight: 400;
404
+ line-height: 22px;
420
405
  cursor: pointer;
421
406
  -webkit-line-clamp: 2;
422
407
  -webkit-box-orient: vertical;
@@ -447,7 +432,8 @@
447
432
  width: 250px;
448
433
  }
449
434
  .medialist-ilive-item-view .info-view .abttrite-v .left .abttr.tags {
450
- display: inline-block;
435
+ display: flex;
436
+ align-items: center;
451
437
  width: 160px;
452
438
  }
453
439
  .medialist-ilive-item-view .info-view .abttrite-v .left .abttr.type {
@@ -457,15 +443,6 @@
457
443
  .medialist-ilive-item-view .info-view .abttrite-v .right {
458
444
  margin-right: 20px;
459
445
  }
460
- .gray_for_hide {
461
- -webkit-filter: grayscale(100%);
462
- -moz-filter: grayscale(100%);
463
- -ms-filter: grayscale(100%);
464
- -o-filter: grayscale(100%);
465
- filter: grayscale(100%);
466
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
467
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
468
- }
469
446
  .medialist-account-item-view {
470
447
  display: flex;
471
448
  padding: 10px;
@@ -484,7 +461,7 @@
484
461
  background: #edf3ff;
485
462
  border-radius: 50%;
486
463
  }
487
- .medialist-account-item-view .cover-view .arco-image-img {
464
+ .medialist-account-item-view .cover-view .image {
488
465
  width: 100%;
489
466
  height: 100%;
490
467
  border-radius: 4px;
@@ -506,12 +483,15 @@
506
483
  padding: 2px 0;
507
484
  }
508
485
  .medialist-account-item-view .info-view .title {
509
- display: -webkit-box;
486
+ display: flex;
487
+ align-items: center;
510
488
  margin-bottom: 10px;
511
489
  overflow: hidden;
512
490
  color: #1d2129;
513
491
  font-size: 14px;
514
- line-height: 1.5;
492
+ font-style: normal;
493
+ font-weight: 400;
494
+ line-height: 22px;
515
495
  cursor: pointer;
516
496
  -webkit-line-clamp: 2;
517
497
  -webkit-box-orient: vertical;
@@ -547,7 +527,8 @@
547
527
  width: 240px;
548
528
  }
549
529
  .medialist-account-item-view .info-view .abttrite-v .left .abttr.tags {
550
- display: inline-block;
530
+ display: flex;
531
+ align-items: center;
551
532
  width: 175px;
552
533
  }
553
534
  .medialist-account-item-view .info-view .abttrite-v .right {
@@ -559,15 +540,6 @@
559
540
  .media-common-detail-list-container .data-ul {
560
541
  height: 100%;
561
542
  }
562
- .gray_for_hide {
563
- -webkit-filter: grayscale(100%);
564
- -moz-filter: grayscale(100%);
565
- -ms-filter: grayscale(100%);
566
- -o-filter: grayscale(100%);
567
- filter: grayscale(100%);
568
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
569
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
570
- }
571
543
  .medialist-doc-item-view {
572
544
  display: flex;
573
545
  padding: 10px;
@@ -584,6 +556,11 @@
584
556
  margin-right: 20px;
585
557
  background: #edf3ff;
586
558
  }
559
+ .medialist-doc-item-view .cover-view .image {
560
+ width: 100%;
561
+ height: 100%;
562
+ border-radius: 4px;
563
+ }
587
564
  .medialist-doc-item-view .cover-view .batch-select {
588
565
  position: absolute;
589
566
  top: 3px;
@@ -611,15 +588,15 @@
611
588
  padding: 2px 0;
612
589
  }
613
590
  .medialist-doc-item-view .info-view .title {
614
- display: -webkit-box;
615
591
  display: flex;
616
592
  align-items: center;
617
593
  margin-bottom: 10px;
618
594
  overflow: hidden;
619
595
  color: #1d2129;
620
- font-size: 17px;
621
- line-height: 1.5;
622
- word-break: break-all;
596
+ font-size: 14px;
597
+ font-style: normal;
598
+ font-weight: 400;
599
+ line-height: 22px;
623
600
  cursor: pointer;
624
601
  -webkit-line-clamp: 2;
625
602
  -webkit-box-orient: vertical;
@@ -680,3 +657,12 @@
680
657
  .popper-categories {
681
658
  max-width: 600px;
682
659
  }
660
+ .gray-for-state-hide {
661
+ -webkit-filter: grayscale(100%);
662
+ -moz-filter: grayscale(100%);
663
+ -ms-filter: grayscale(100%);
664
+ -o-filter: grayscale(100%);
665
+ filter: grayscale(100%);
666
+ filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
667
+ filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
668
+ }
@@ -7,3 +7,13 @@
7
7
  @import './MaccountItem.less';
8
8
  @import './Doc.less';
9
9
  @import './DocItem.less';
10
+
11
+ .gray-for-state-hide {
12
+ -webkit-filter: grayscale(100%);
13
+ -moz-filter: grayscale(100%);
14
+ -ms-filter: grayscale(100%);
15
+ -o-filter: grayscale(100%);
16
+ filter: grayscale(100%);
17
+ filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
18
+ filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
19
+ }