@kne/react-filter 1.0.7 → 1.0.8

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 (7) hide show
  1. package/dist/index.css +337 -240
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +505 -323
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.modern.js +285 -100
  6. package/dist/index.modern.js.map +1 -1
  7. package/package.json +2 -1
package/dist/index.css CHANGED
@@ -1,4 +1,28 @@
1
+ .kne-react-filter_gh14z {
2
+ position: relative;
3
+ transform: translateZ(0);
4
+ }
5
+
6
+ .kne-react-filter_Kfn6L {
7
+ overflow: auto;
8
+ }
9
+
10
+ :root {
11
+ --kne-viewport-width: 100vw;
12
+ --kne-viewport-height: 100vh;
13
+ --kne-viewport-inline-size: 100vw;
14
+ --kne-viewport-block-size: 100vh;
15
+ }
16
+
17
+ .kne-react-filter_gh14z {
18
+ --kne-viewport-width: 100vw;
19
+ --kne-viewport-height: 100vh;
20
+ --kne-viewport-inline-size: 100vw;
21
+ --kne-viewport-block-size: 100vh;
22
+ }
23
+
1
24
  .kne-react-filter_b3gMw {
25
+ position: relative;
2
26
  padding: 0 !important;
3
27
  border: none !important;
4
28
  font-size: var(--font-size-small, 12px) !important;
@@ -340,6 +364,22 @@
340
364
  min-width: 0;
341
365
  }
342
366
 
367
+ .kne-react-filter_8-R34.kne-react-filter_zpGJE > .ant-space-item:first-child {
368
+ display: none !important;
369
+ }
370
+
371
+ .kne-react-filter_8-R34.kne-react-filter_z8bDM {
372
+ padding-inline: 0 !important;
373
+ --padding-width: 0;
374
+ border-bottom: none;
375
+ }
376
+ .kne-react-filter_8-R34.kne-react-filter_z8bDM .kne-react-filter_J1wBU {
377
+ padding-right: 0;
378
+ }
379
+ .kne-react-filter_8-R34.kne-react-filter_z8bDM .kne-react-filter_rRhFE {
380
+ scroll-padding-inline: 0;
381
+ }
382
+
343
383
  .kne-react-filter_J1wBU {
344
384
  position: relative;
345
385
  min-width: 0;
@@ -386,32 +426,48 @@
386
426
  }
387
427
 
388
428
  .kne-react-filter_o2B3k {
389
- position: fixed;
390
429
  left: 0;
391
430
  right: 0;
392
431
  bottom: 0;
393
- z-index: 1029;
432
+ z-index: 1000;
394
433
  background: rgba(0, 0, 0, 0.45);
395
434
  animation: kne-react-filter_oCXiX 180ms ease-out both;
396
435
  }
436
+ .kne-react-filter_o2B3k.kne-react-filter_3Wr-x {
437
+ position: fixed;
438
+ }
439
+ .kne-react-filter_o2B3k.kne-react-filter_pPiQ8 {
440
+ position: absolute;
441
+ width: 100%;
442
+ }
443
+
444
+ .react-filter-field-mobile-popup {
445
+ z-index: 1050 !important;
446
+ }
397
447
 
398
448
  .kne-react-filter_qGnRO {
399
449
  animation: kne-react-filter_cDx1y 180ms ease-out both;
400
450
  }
401
451
 
402
452
  .kne-react-filter_wq5nf {
403
- position: fixed !important;
404
453
  left: 0 !important;
405
454
  right: auto !important;
406
455
  top: var(--react-filter-field-mobile-top) !important;
407
- width: 100vw !important;
408
- max-width: 100vw;
456
+ width: var(--kne-viewport-width, 100vw) !important;
457
+ max-width: var(--kne-viewport-width, 100vw);
409
458
  max-height: var(--react-filter-field-mobile-height, 100vh);
410
459
  overflow: hidden;
411
460
  background: #fff;
412
461
  border-radius: 0 0 var(--radius-default, 2px) var(--radius-default, 2px) !important;
413
462
  box-shadow: none !important;
414
463
  animation: kne-react-filter_6RxjE 180ms ease-out both;
464
+ z-index: 1050 !important;
465
+ }
466
+ .kne-react-filter_wq5nf.kne-react-filter_3Wr-x {
467
+ position: fixed !important;
468
+ }
469
+ .kne-react-filter_wq5nf.kne-react-filter_pPiQ8 {
470
+ position: absolute !important;
415
471
  }
416
472
  .kne-react-filter_wq5nf.ant-slide-up-enter, .kne-react-filter_wq5nf.ant-slide-up-appear, .kne-react-filter_wq5nf.ant-slide-up-enter-active, .kne-react-filter_wq5nf.ant-slide-up-appear-active, .kne-react-filter_wq5nf.ant-slide-up-leave, .kne-react-filter_wq5nf.ant-slide-up-leave-active {
417
473
  transform: none !important;
@@ -422,6 +478,7 @@
422
478
  .kne-react-filter_wq5nf .ant-picker-panel-container {
423
479
  box-shadow: none !important;
424
480
  border-radius: 0 0 var(--radius-default, 2px) var(--radius-default, 2px) !important;
481
+ z-index: 1050 !important;
425
482
  }
426
483
  .kne-react-filter_wq5nf .ant-picker-panel-container,
427
484
  .kne-react-filter_wq5nf .ant-picker-panels,
@@ -437,12 +494,34 @@
437
494
  white-space: normal;
438
495
  }
439
496
  .kne-react-filter_wq5nf .over-content {
440
- width: 100vw;
441
- max-width: 100vw;
497
+ width: var(--kne-viewport-width, 100vw);
498
+ max-width: var(--kne-viewport-width, 100vw);
499
+ min-width: unset;
442
500
  max-height: var(--react-filter-field-mobile-height, 100vh);
443
- overflow: auto;
501
+ overflow: hidden;
502
+ display: flex;
503
+ flex-direction: column;
444
504
  background: #fff;
445
505
  }
506
+ .kne-react-filter_wq5nf .over-content .ant-flex-vertical {
507
+ flex: 1 1 auto;
508
+ min-height: 0;
509
+ overflow: hidden;
510
+ }
511
+ .kne-react-filter_wq5nf .over-content .select-list-scroll-list.is-popup,
512
+ .kne-react-filter_wq5nf .over-content .select-table-list-scroll-list.is-popup,
513
+ .kne-react-filter_wq5nf .over-content .select-tree-scroll-list.is-popup {
514
+ max-height: none !important;
515
+ flex: 1 1 auto;
516
+ min-height: 0;
517
+ overflow: auto;
518
+ }
519
+ .kne-react-filter_wq5nf .over-content .select-table.is-popup {
520
+ max-height: none !important;
521
+ flex: 1 1 auto;
522
+ min-height: 0;
523
+ overflow: auto;
524
+ }
446
525
 
447
526
  .kne-react-filter_wq5nf.kne-react-filter_iwLs2 .ant-picker-panel-container,
448
527
  .kne-react-filter_wq5nf.kne-react-filter_iwLs2 .ant-picker-panel-layout,
@@ -631,238 +710,256 @@
631
710
  border-bottom: none !important;
632
711
  }
633
712
 
634
- @media (max-width: 768px) {
635
- .kne-react-filter_khFt2 {
636
- gap: 0 !important;
637
- padding: 4px 0;
638
- box-sizing: border-box;
639
- border-bottom: none;
640
- }
641
- .kne-react-filter_khFt2 .ant-row {
642
- width: 100%;
643
- min-width: 0;
644
- }
645
- .kne-react-filter_khFt2 > .ant-space-item:last-child {
646
- min-width: 0;
647
- overflow: hidden;
648
- }
649
- .kne-react-filter_8-R34 {
650
- padding: 6px 0;
651
- }
652
- .kne-react-filter_8-R34 > .ant-space-item:last-child {
653
- overflow: visible;
654
- }
655
- .kne-react-filter_8-R34 .kne-react-filter_v2dnw {
656
- display: flex;
657
- flex-direction: column;
658
- width: 100%;
659
- min-width: 0;
660
- }
661
- .kne-react-filter_8-R34 .kne-react-filter_v2dnw.kne-react-filter_TM1E2 {
662
- flex-direction: row;
663
- align-items: center;
664
- }
665
- .kne-react-filter_8-R34 .kne-react-filter_v2dnw.kne-react-filter_TM1E2 .kne-react-filter_J1wBU {
666
- flex: 1 1 auto;
667
- min-width: 0;
668
- }
669
- .kne-react-filter_8-R34 .kne-react-filter_v2dnw.kne-react-filter_TM1E2 .kne-react-filter_-Brt9 {
670
- flex: 0 0 auto;
671
- padding-top: 0;
672
- margin-left: 8px;
673
- }
674
- .kne-react-filter_8-R34 .kne-react-filter_J1wBU {
675
- padding-right: 0;
676
- overflow: hidden;
677
- }
678
- .kne-react-filter_8-R34 .kne-react-filter_J1wBU.kne-react-filter_7aclr {
679
- overflow: visible;
680
- }
681
- .kne-react-filter_8-R34 .kne-react-filter_rRhFE {
682
- display: flex;
683
- align-items: center;
684
- flex-wrap: nowrap;
685
- gap: 6px;
686
- min-height: 28px;
687
- overflow-x: auto;
688
- overflow-y: hidden;
689
- scroll-padding-inline: 8px 24px;
690
- scrollbar-width: none;
691
- -webkit-overflow-scrolling: touch;
692
- }
693
- .kne-react-filter_8-R34 .kne-react-filter_rRhFE::-webkit-scrollbar {
694
- display: none;
695
- }
696
- .kne-react-filter_8-R34 .kne-react-filter_rRhFE.kne-react-filter_7aclr {
697
- flex-wrap: wrap;
698
- overflow: visible;
699
- }
700
- .kne-react-filter_8-R34 .kne-react-filter_rRhFE .kne-react-filter_tWyCr {
701
- flex: 0 0 auto;
702
- }
703
- .kne-react-filter_8-R34 .kne-react-filter_C1t-q {
704
- z-index: 1;
705
- }
706
- .kne-react-filter_8-R34 .kne-react-filter_ZFoeL {
707
- position: absolute;
708
- top: 0;
709
- right: 0;
710
- z-index: 1;
711
- width: 24px;
712
- height: 100%;
713
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
714
- pointer-events: none;
715
- }
716
- .kne-react-filter_8-R34 .kne-react-filter_-Brt9 {
717
- position: relative;
718
- display: flex;
719
- align-items: center;
720
- justify-content: flex-end;
721
- padding-top: 6px;
722
- }
723
- .kne-react-filter_8-R34 .kne-react-filter_-Brt9:not(.kne-react-filter_GhFCl) .kne-react-filter_wGZp6 {
724
- display: none;
725
- }
726
- .kne-react-filter_8-R34 .kne-react-filter_-Brt9 .ant-space {
727
- align-items: center;
728
- }
729
- .kne-react-filter_8-R34 .kne-react-filter_vyPwo {
730
- margin-left: auto;
731
- }
732
- .kne-react-filter_8-R34 .kne-react-filter_wGZp6 {
733
- display: none;
734
- }
735
- .kne-react-filter_8-R34 .kne-react-filter_WuL0c {
736
- position: absolute;
737
- left: 50%;
738
- display: inline-flex;
739
- align-items: center;
740
- transform: translateX(-50%);
741
- height: auto;
742
- padding: 0;
743
- color: var(--primary-color, #1890ff);
744
- font-size: var(--font-size-small, 12px);
745
- line-height: 1;
746
- }
747
- .kne-react-filter_Bx3s8 {
748
- display: none;
749
- }
750
- .kne-react-filter_oaIF4 {
751
- padding-right: 18px;
752
- overflow: hidden;
753
- }
754
- .kne-react-filter_Jq43Q {
755
- display: flex;
756
- align-items: center;
757
- flex-wrap: nowrap;
758
- gap: 8px;
759
- overflow-x: auto;
760
- overflow-y: hidden;
761
- scroll-padding-inline: 8px 36px;
762
- scrollbar-width: none;
763
- -webkit-overflow-scrolling: touch;
764
- }
765
- .kne-react-filter_Jq43Q::-webkit-scrollbar {
766
- display: none;
767
- }
768
- .kne-react-filter_Jq43Q .kne-react-filter_Y9XTa {
769
- flex: 0 0 auto;
770
- flex-wrap: nowrap;
771
- min-height: auto;
772
- }
773
- .kne-react-filter_qlWu6 {
774
- flex: 1 1 0 !important;
775
- min-width: 0;
776
- max-width: 100%;
777
- overflow: hidden;
778
- }
779
- .kne-react-filter_fyhz3 {
780
- position: absolute;
781
- top: 0;
782
- left: 0;
783
- z-index: 1;
784
- width: 24px;
785
- height: 100%;
786
- background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
787
- pointer-events: none;
788
- }
789
- .kne-react-filter_BdfSI {
790
- position: absolute;
791
- top: 50%;
792
- right: 0;
793
- display: flex;
794
- align-items: center;
795
- justify-content: flex-end;
796
- width: 10px;
797
- height: 100%;
798
- padding: 0;
799
- border: 0;
800
- color: var(--font-color-grey, #666);
801
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 55%);
802
- transform: translateY(-50%);
803
- cursor: pointer;
804
- }
805
- .kne-react-filter_BdfSI::before {
806
- content: "";
807
- position: absolute;
808
- top: 0;
809
- left: -24px;
810
- width: 24px;
811
- height: 100%;
812
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.92));
813
- pointer-events: none;
814
- }
815
- .kne-react-filter_Fd6ab {
816
- display: block;
817
- font-size: 24px;
818
- line-height: 1;
819
- }
820
- .kne-react-filter_Co4Pg {
821
- height: auto;
822
- }
823
- .kne-react-filter_JpaMr {
824
- height: auto;
825
- min-height: 28px;
826
- padding: 4px 12px;
827
- border-radius: 999px;
828
- background: var(--bg-color-grey-1, #f5f5f5);
829
- display: flex;
830
- align-items: center;
831
- }
832
- .kne-react-filter_m7Csi {
833
- position: fixed !important;
834
- left: 0 !important;
835
- right: auto !important;
836
- width: 100vw;
837
- max-width: 100vw;
838
- max-height: var(--react-filter-popover-mobile-height, 100vh);
839
- overflow: hidden;
840
- }
841
- .kne-react-filter_m7Csi .kne-react-filter_4n4MP {
842
- display: flex;
843
- flex-direction: column;
844
- width: 100%;
845
- max-height: var(--react-filter-popover-mobile-height, 100vh);
846
- min-height: 0;
847
- overflow: hidden;
848
- background: #fff;
849
- border-radius: 0 0 var(--radius-default, 2px) var(--radius-default, 2px) !important;
850
- box-shadow: none;
851
- }
852
- .kne-react-filter_m7Csi .kne-react-filter_g-hXk {
853
- flex: 1 1 auto;
854
- min-height: 0;
855
- overflow: auto;
856
- -webkit-overflow-scrolling: touch;
857
- }
858
- .kne-react-filter_m7Csi .kne-react-filter_iqe8W {
859
- flex: 0 0 auto;
860
- }
861
- .kne-react-filter_m7Csi .kne-react-filter_iqe8W .ant-btn {
862
- height: 32px;
863
- padding: 0 16px;
864
- font-size: 14px;
865
- }
713
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_khFt2 {
714
+ gap: 0 !important;
715
+ padding: 4px 0;
716
+ box-sizing: border-box;
717
+ border-bottom: none;
718
+ }
719
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_khFt2 .ant-row {
720
+ width: 100%;
721
+ min-width: 0;
722
+ }
723
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_khFt2 > .ant-space-item:last-child {
724
+ min-width: 0;
725
+ overflow: hidden;
726
+ }
727
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 {
728
+ padding: 6px 0;
729
+ }
730
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34.kne-react-filter_z8bDM {
731
+ padding: 6px 0 !important;
732
+ padding-inline: 0 !important;
733
+ }
734
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 > .ant-space-item:last-child {
735
+ overflow: visible;
736
+ }
737
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_v2dnw {
738
+ display: flex;
739
+ flex-direction: column;
740
+ width: 100%;
741
+ min-width: 0;
742
+ }
743
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_v2dnw.kne-react-filter_TM1E2 {
744
+ flex-direction: row;
745
+ align-items: center;
746
+ }
747
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_v2dnw.kne-react-filter_TM1E2 .kne-react-filter_J1wBU {
748
+ flex: 1 1 auto;
749
+ min-width: 0;
750
+ }
751
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_v2dnw.kne-react-filter_TM1E2 .kne-react-filter_-Brt9 {
752
+ flex: 0 0 auto;
753
+ padding-top: 0;
754
+ margin-left: 8px;
755
+ }
756
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_J1wBU {
757
+ padding-right: 0;
758
+ overflow: hidden;
759
+ }
760
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_J1wBU.kne-react-filter_7aclr {
761
+ overflow: visible;
762
+ }
763
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_rRhFE {
764
+ display: flex;
765
+ align-items: center;
766
+ flex-wrap: nowrap;
767
+ gap: 6px;
768
+ min-height: 28px;
769
+ overflow-x: auto;
770
+ overflow-y: hidden;
771
+ scroll-padding-inline: 8px 24px;
772
+ scrollbar-width: none;
773
+ -webkit-overflow-scrolling: touch;
774
+ }
775
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_rRhFE::-webkit-scrollbar {
776
+ display: none;
777
+ }
778
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_rRhFE.kne-react-filter_7aclr {
779
+ flex-wrap: wrap;
780
+ overflow: visible;
781
+ }
782
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_rRhFE .kne-react-filter_tWyCr {
783
+ flex: 0 0 auto;
784
+ }
785
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_C1t-q {
786
+ z-index: 1;
787
+ }
788
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_ZFoeL {
789
+ position: absolute;
790
+ top: 0;
791
+ right: 0;
792
+ z-index: 1;
793
+ width: 24px;
794
+ height: 100%;
795
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
796
+ pointer-events: none;
797
+ }
798
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_-Brt9 {
799
+ position: relative;
800
+ display: flex;
801
+ align-items: center;
802
+ justify-content: flex-end;
803
+ padding-top: 6px;
804
+ }
805
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_-Brt9:not(.kne-react-filter_GhFCl) .kne-react-filter_wGZp6 {
806
+ display: none;
807
+ }
808
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_-Brt9 .ant-space {
809
+ align-items: center;
810
+ }
811
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_vyPwo {
812
+ margin-left: auto;
813
+ }
814
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_wGZp6 {
815
+ display: none;
816
+ }
817
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_8-R34 .kne-react-filter_WuL0c {
818
+ position: absolute;
819
+ left: 50%;
820
+ display: inline-flex;
821
+ align-items: center;
822
+ transform: translateX(-50%);
823
+ height: auto;
824
+ padding: 0;
825
+ color: var(--primary-color, #1890ff);
826
+ font-size: var(--font-size-small, 12px);
827
+ line-height: 1;
828
+ }
829
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_Bx3s8 {
830
+ display: none;
831
+ }
832
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_oaIF4 {
833
+ padding-right: 18px;
834
+ overflow: hidden;
835
+ }
836
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_Jq43Q {
837
+ display: flex;
838
+ align-items: center;
839
+ flex-wrap: nowrap;
840
+ gap: 8px;
841
+ overflow-x: auto;
842
+ overflow-y: hidden;
843
+ scroll-padding-inline: 8px 36px;
844
+ scrollbar-width: none;
845
+ -webkit-overflow-scrolling: touch;
846
+ }
847
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_Jq43Q::-webkit-scrollbar {
848
+ display: none;
849
+ }
850
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_Jq43Q .kne-react-filter_Y9XTa {
851
+ flex: 0 0 auto;
852
+ flex-wrap: nowrap;
853
+ min-height: auto;
854
+ }
855
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_qlWu6 {
856
+ flex: 1 1 0 !important;
857
+ min-width: 0;
858
+ max-width: 100%;
859
+ overflow: hidden;
860
+ }
861
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_fyhz3 {
862
+ position: absolute;
863
+ top: 0;
864
+ left: 0;
865
+ z-index: 1;
866
+ width: 24px;
867
+ height: 100%;
868
+ background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
869
+ pointer-events: none;
870
+ }
871
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_BdfSI {
872
+ position: absolute;
873
+ top: 50%;
874
+ right: 0;
875
+ display: flex;
876
+ align-items: center;
877
+ justify-content: flex-end;
878
+ width: 10px;
879
+ height: 100%;
880
+ padding: 0;
881
+ border: 0;
882
+ color: var(--font-color-grey, #666);
883
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 55%);
884
+ transform: translateY(-50%);
885
+ cursor: pointer;
886
+ }
887
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_BdfSI::before {
888
+ content: "";
889
+ position: absolute;
890
+ top: 0;
891
+ left: -24px;
892
+ width: 24px;
893
+ height: 100%;
894
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.92));
895
+ pointer-events: none;
896
+ }
897
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_Fd6ab {
898
+ display: block;
899
+ font-size: 24px;
900
+ line-height: 1;
901
+ }
902
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_Co4Pg {
903
+ height: auto;
904
+ }
905
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_JpaMr {
906
+ height: auto;
907
+ min-height: 28px;
908
+ padding: 4px 12px;
909
+ border-radius: 999px;
910
+ background: var(--bg-color-grey-1, #f5f5f5);
911
+ display: flex;
912
+ align-items: center;
913
+ }
914
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_JpaMr.kne-react-filter_Aab98 {
915
+ color: var(--primary-color, #1890ff);
916
+ }
917
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_JpaMr.kne-react-filter_Ww12R {
918
+ color: #fff;
919
+ background: var(--primary-color, #1890ff);
920
+ }
921
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_JpaMr.kne-react-filter_Ww12R .kne-react-filter_e3V6h {
922
+ transform: rotate(180deg) scale(0.5);
923
+ }
924
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_m7Csi {
925
+ left: 0 !important;
926
+ right: auto !important;
927
+ width: var(--kne-viewport-width, 100vw);
928
+ max-width: var(--kne-viewport-width, 100vw);
929
+ max-height: var(--react-filter-popover-mobile-height, 100vh);
930
+ overflow: hidden;
931
+ z-index: 1050 !important;
932
+ }
933
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_m7Csi.kne-react-filter_3Wr-x {
934
+ position: fixed !important;
935
+ }
936
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_m7Csi.kne-react-filter_pPiQ8 {
937
+ position: absolute !important;
938
+ }
939
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_m7Csi .kne-react-filter_4n4MP {
940
+ display: flex;
941
+ flex-direction: column;
942
+ width: 100%;
943
+ max-height: var(--react-filter-popover-mobile-height, 100vh);
944
+ min-height: 0;
945
+ overflow: hidden;
946
+ background: #fff;
947
+ border-radius: 0 0 var(--radius-default, 2px) var(--radius-default, 2px) !important;
948
+ box-shadow: none;
949
+ }
950
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_m7Csi .kne-react-filter_g-hXk {
951
+ flex: 1 1 auto;
952
+ min-height: 0;
953
+ overflow: auto;
954
+ -webkit-overflow-scrolling: touch;
955
+ }
956
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_m7Csi .kne-react-filter_iqe8W {
957
+ flex: 0 0 auto;
958
+ }
959
+ .kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_m7Csi .kne-react-filter_iqe8W .ant-btn {
960
+ height: 32px;
961
+ padding: 0 16px;
962
+ font-size: 14px;
866
963
  }
867
964
  .kne-react-filter_3w4Bb {
868
965
  display: flex;