| @@ -120,10 +120,9 @@ | ||
| 120 | 120 | height: 100%; |
| 121 | 121 | border-radius: 2px; |
| 122 | 122 | border: 1px solid var(--wpide-accent-color); |
| 123 | 123 | content: ""; |
| 124 | - -webkit-animation-fill-mode: both; | |
| 125 | - animation-fill-mode: both; | |
| 124 | + animation-fill-mode: both; | |
| 126 | 125 | visibility: hidden; |
| 127 | 126 | } |
| 128 | 127 | .ve-checkbox .ve-checkbox-checked .ve-checkbox-inner { |
| 129 | 128 | background-color: var(--wpide-accent-color); |
| @@ -171,10 +170,9 @@ | ||
| 171 | 170 | .ve-checkbox .ve-checkbox-disabled { |
| 172 | 171 | cursor: not-allowed; |
| 173 | 172 | } |
| 174 | 173 | .ve-checkbox .ve-checkbox-disabled.ve-checkbox-checked .ve-checkbox-inner:after { |
| 175 | - -webkit-animation-name: none; | |
| 176 | - animation-name: none; | |
| 174 | + animation-name: none; | |
| 177 | 175 | border-color: rgba(0, 0, 0, 0.25); |
| 178 | 176 | } |
| 179 | 177 | .ve-checkbox .ve-checkbox-disabled .ve-checkbox-input { |
| 180 | 178 | cursor: not-allowed; |
| @@ -185,10 +183,9 @@ | ||
| 185 | 183 | border-color: #d9d9d9 !important; |
| 186 | 184 | background-color: #f7f7f7; |
| 187 | 185 | } |
| 188 | 186 | .ve-checkbox .ve-checkbox-disabled .ve-checkbox-inner:after { |
| 189 | - -webkit-animation-name: none; | |
| 190 | - animation-name: none; | |
| 187 | + animation-name: none; | |
| 191 | 188 | border-color: #f7f7f7; |
| 192 | 189 | } |
| 193 | 190 | .ve-checkbox-label { |
| 194 | 191 | margin: 0 6px 0 3px; |
| @@ -474,22 +471,10 @@ | ||
| 474 | 471 | .ve-loading-spin-container .ve-loading-spin { |
| 475 | 472 | display: inline-block; |
| 476 | 473 | } |
| 477 | 474 | .ve-loading-plane { |
| 478 | - -webkit-animation: sk-plane 1.2s infinite ease-in-out; | |
| 479 | - animation: sk-plane 1.2s infinite ease-in-out; | |
| 475 | + animation: sk-plane 1.2s infinite ease-in-out; | |
| 480 | 476 | } |
| 481 | -@-webkit-keyframes sk-plane { | |
| 482 | - 0% { | |
| 483 | - transform: perspective(120px) rotateX(0deg) rotateY(0deg); | |
| 484 | - } | |
| 485 | - 50% { | |
| 486 | - transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); | |
| 487 | - } | |
| 488 | - 100% { | |
| 489 | - transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); | |
| 490 | - } | |
| 491 | -} | |
| 492 | 477 | @keyframes sk-plane { |
| 493 | 478 | 0% { |
| 494 | 479 | transform: perspective(120px) rotateX(0deg) rotateY(0deg); |
| 495 | 480 | } |
| @@ -511,25 +496,13 @@ | ||
| 511 | 496 | opacity: 0.6; |
| 512 | 497 | position: absolute; |
| 513 | 498 | top: 0; |
| 514 | 499 | left: 0; |
| 515 | - -webkit-animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); | |
| 516 | - animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); | |
| 500 | + animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); | |
| 517 | 501 | } |
| 518 | 502 | .ve-loading-bounce-dot:nth-child(2) { |
| 519 | - -webkit-animation-delay: -1s; | |
| 520 | - animation-delay: -1s; | |
| 503 | + animation-delay: -1s; | |
| 521 | 504 | } |
| 522 | -@-webkit-keyframes sk-bounce { | |
| 523 | - 0%, | |
| 524 | - 100% { | |
| 525 | - transform: scale(0); | |
| 526 | - } | |
| 527 | - 45%, | |
| 528 | - 55% { | |
| 529 | - transform: scale(1); | |
| 530 | - } | |
| 531 | -} | |
| 532 | 505 | @keyframes sk-bounce { |
| 533 | 506 | 0%, |
| 534 | 507 | 100% { |
| 535 | 508 | transform: scale(0); |
| @@ -545,41 +518,25 @@ | ||
| 545 | 518 | } |
| 546 | 519 | .ve-loading-wave-rect { |
| 547 | 520 | height: 100%; |
| 548 | 521 | width: 15%; |
| 549 | - -webkit-animation: sk-wave 1.2s infinite ease-in-out; | |
| 550 | - animation: sk-wave 1.2s infinite ease-in-out; | |
| 522 | + animation: sk-wave 1.2s infinite ease-in-out; | |
| 551 | 523 | } |
| 552 | 524 | .ve-loading-wave-rect:nth-child(1) { |
| 553 | - -webkit-animation-delay: -1.2s; | |
| 554 | - animation-delay: -1.2s; | |
| 525 | + animation-delay: -1.2s; | |
| 555 | 526 | } |
| 556 | 527 | .ve-loading-wave-rect:nth-child(2) { |
| 557 | - -webkit-animation-delay: -1.1s; | |
| 558 | - animation-delay: -1.1s; | |
| 528 | + animation-delay: -1.1s; | |
| 559 | 529 | } |
| 560 | 530 | .ve-loading-wave-rect:nth-child(3) { |
| 561 | - -webkit-animation-delay: -1s; | |
| 562 | - animation-delay: -1s; | |
| 531 | + animation-delay: -1s; | |
| 563 | 532 | } |
| 564 | 533 | .ve-loading-wave-rect:nth-child(4) { |
| 565 | - -webkit-animation-delay: -0.9s; | |
| 566 | - animation-delay: -0.9s; | |
| 534 | + animation-delay: -0.9s; | |
| 567 | 535 | } |
| 568 | 536 | .ve-loading-wave-rect:nth-child(5) { |
| 569 | - -webkit-animation-delay: -0.8s; | |
| 570 | - animation-delay: -0.8s; | |
| 537 | + animation-delay: -0.8s; | |
| 571 | 538 | } |
| 572 | -@-webkit-keyframes sk-wave { | |
| 573 | - 0%, | |
| 574 | - 40%, | |
| 575 | - 100% { | |
| 576 | - transform: scaleY(0.4); | |
| 577 | - } | |
| 578 | - 20% { | |
| 579 | - transform: scaleY(1); | |
| 580 | - } | |
| 581 | -} | |
| 582 | 539 | @keyframes sk-wave { |
| 583 | 540 | 0%, |
| 584 | 541 | 40%, |
| 585 | 542 | 100% { |
| @@ -593,20 +550,10 @@ | ||
| 593 | 550 | width: var(--sk-size); |
| 594 | 551 | height: var(--sk-size); |
| 595 | 552 | background-color: var(--sk-color); |
| 596 | 553 | border-radius: 100%; |
| 597 | - -webkit-animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); | |
| 598 | - animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); | |
| 554 | + animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); | |
| 599 | 555 | } |
| 600 | -@-webkit-keyframes sk-pulse { | |
| 601 | - 0% { | |
| 602 | - transform: scale(0); | |
| 603 | - } | |
| 604 | - 100% { | |
| 605 | - transform: scale(1); | |
| 606 | - opacity: 0; | |
| 607 | - } | |
| 608 | -} | |
| 609 | 556 | @keyframes sk-pulse { |
| 610 | 557 | 0% { |
| 611 | 558 | transform: scale(0); |
| 612 | 559 | } |
| @@ -625,29 +572,16 @@ | ||
| 625 | 572 | width: 25%; |
| 626 | 573 | height: 25%; |
| 627 | 574 | background-color: var(--sk-color); |
| 628 | 575 | border-radius: 50%; |
| 629 | - -webkit-animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both; | |
| 630 | - animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both; | |
| 576 | + animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both; | |
| 631 | 577 | } |
| 632 | 578 | .ve-loading-flow-dot:nth-child(1) { |
| 633 | - -webkit-animation-delay: -0.3s; | |
| 634 | - animation-delay: -0.3s; | |
| 579 | + animation-delay: -0.3s; | |
| 635 | 580 | } |
| 636 | 581 | .ve-loading-flow-dot:nth-child(2) { |
| 637 | - -webkit-animation-delay: -0.15s; | |
| 638 | - animation-delay: -0.15s; | |
| 582 | + animation-delay: -0.15s; | |
| 639 | 583 | } |
| 640 | -@-webkit-keyframes sk-flow { | |
| 641 | - 0%, | |
| 642 | - 80%, | |
| 643 | - 100% { | |
| 644 | - transform: scale(0.3); | |
| 645 | - } | |
| 646 | - 40% { | |
| 647 | - transform: scale(1); | |
| 648 | - } | |
| 649 | -} | |
| 650 | 584 | @keyframes sk-flow { |
| 651 | 585 | 0%, |
| 652 | 586 | 80%, |
| 653 | 587 | 100% { |
| @@ -668,57 +602,37 @@ | ||
| 668 | 602 | width: 33.33%; |
| 669 | 603 | height: 33.33%; |
| 670 | 604 | background-color: var(--sk-color); |
| 671 | 605 | float: left; |
| 672 | - -webkit-animation: sk-grid 1.3s infinite ease-in-out; | |
| 673 | - animation: sk-grid 1.3s infinite ease-in-out; | |
| 606 | + animation: sk-grid 1.3s infinite ease-in-out; | |
| 674 | 607 | } |
| 675 | 608 | .ve-loading-grid-cube:nth-child(1) { |
| 676 | - -webkit-animation-delay: 0.2s; | |
| 677 | - animation-delay: 0.2s; | |
| 609 | + animation-delay: 0.2s; | |
| 678 | 610 | } |
| 679 | 611 | .ve-loading-grid-cube:nth-child(2) { |
| 680 | - -webkit-animation-delay: 0.3s; | |
| 681 | - animation-delay: 0.3s; | |
| 612 | + animation-delay: 0.3s; | |
| 682 | 613 | } |
| 683 | 614 | .ve-loading-grid-cube:nth-child(3) { |
| 684 | - -webkit-animation-delay: 0.4s; | |
| 685 | - animation-delay: 0.4s; | |
| 615 | + animation-delay: 0.4s; | |
| 686 | 616 | } |
| 687 | 617 | .ve-loading-grid-cube:nth-child(4) { |
| 688 | - -webkit-animation-delay: 0.1s; | |
| 689 | - animation-delay: 0.1s; | |
| 618 | + animation-delay: 0.1s; | |
| 690 | 619 | } |
| 691 | 620 | .ve-loading-grid:nth-child(5) { |
| 692 | - -webkit-animation-delay: 0.2s; | |
| 693 | - animation-delay: 0.2s; | |
| 621 | + animation-delay: 0.2s; | |
| 694 | 622 | } |
| 695 | 623 | .ve-loading-grid-cube:nth-child(6) { |
| 696 | - -webkit-animation-delay: 0.3s; | |
| 697 | - animation-delay: 0.3s; | |
| 624 | + animation-delay: 0.3s; | |
| 698 | 625 | } |
| 699 | 626 | .ve-loading-grid-cube:nth-child(7) { |
| 700 | - -webkit-animation-delay: 0s; | |
| 701 | - animation-delay: 0s; | |
| 627 | + animation-delay: 0s; | |
| 702 | 628 | } |
| 703 | 629 | .ve-loading-grid-cube:nth-child(8) { |
| 704 | - -webkit-animation-delay: 0.1s; | |
| 705 | - animation-delay: 0.1s; | |
| 630 | + animation-delay: 0.1s; | |
| 706 | 631 | } |
| 707 | 632 | .ve-loading-grid-cube:nth-child(9) { |
| 708 | - -webkit-animation-delay: 0.2s; | |
| 709 | - animation-delay: 0.2s; | |
| 633 | + animation-delay: 0.2s; | |
| 710 | 634 | } |
| 711 | -@-webkit-keyframes sk-grid { | |
| 712 | - 0%, | |
| 713 | - 70%, | |
| 714 | - 100% { | |
| 715 | - transform: scale3D(1, 1, 1); | |
| 716 | - } | |
| 717 | - 35% { | |
| 718 | - transform: scale3D(0, 0, 1); | |
| 719 | - } | |
| 720 | -} | |
| 721 | 635 | @keyframes sk-grid { |
| 722 | 636 | 0%, |
| 723 | 637 | 70%, |
| 724 | 638 | 100% { |
| @@ -930,10 +844,9 @@ | ||
| 930 | 844 | height: 100%; |
| 931 | 845 | border: 1px solid var(--wpide-accent-color); |
| 932 | 846 | border-radius: 50%; |
| 933 | 847 | visibility: hidden; |
| 934 | - -webkit-animation-fill-mode: both; | |
| 935 | - animation-fill-mode: both; | |
| 848 | + animation-fill-mode: both; | |
| 936 | 849 | content: ""; |
| 937 | 850 | } |
| 938 | 851 | .ve-radio .ve-radio-container.ve-radio-checked .ve-radio-inner { |
| 939 | 852 | border-color: var(--wpide-accent-color); |
| @@ -1020,23 +933,28 @@ | ||
| 1020 | 933 | position: relative; |
| 1021 | 934 | overflow-y: auto; |
| 1022 | 935 | height: 100%; |
| 1023 | 936 | width: 100%; |
| 937 | + -webkit-user-select: text; | |
| 938 | + -moz-user-select: text; | |
| 939 | + user-select: text; | |
| 1024 | 940 | } |
| 1025 | -.ve-table .ve-table-container table.ve-table-content { | |
| 1026 | - position: absolute; | |
| 941 | +.ve-table .ve-table-container .ve-table-content-wrapper { | |
| 942 | + position: relative; | |
| 1027 | 943 | left: 0; |
| 1028 | 944 | right: 0; |
| 1029 | 945 | top: 0; |
| 946 | +} | |
| 947 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content { | |
| 1030 | 948 | min-width: 100%; |
| 1031 | 949 | table-layout: fixed; |
| 1032 | 950 | border-collapse: separate; |
| 1033 | 951 | border-spacing: 0; |
| 1034 | 952 | } |
| 1035 | -.ve-table .ve-table-container table.ve-table-content thead.ve-table-header tr.ve-table-header-tr { | |
| 953 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header tr.ve-table-header-tr { | |
| 1036 | 954 | height: 40px; |
| 1037 | 955 | } |
| 1038 | -.ve-table .ve-table-container table.ve-table-content thead.ve-table-header tr.ve-table-header-tr th.ve-table-header-th { | |
| 956 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header tr.ve-table-header-tr th.ve-table-header-th { | |
| 1039 | 957 | background-color: var(--wpide-white); |
| 1040 | 958 | padding: 10px; |
| 1041 | 959 | font-weight: 500; |
| 1042 | 960 | color: inherit; |
| @@ -1041,26 +959,31 @@ | ||
| 1041 | 959 | font-weight: 500; |
| 1042 | 960 | color: inherit; |
| 1043 | 961 | font-size: 14px; |
| 1044 | 962 | } |
| 1045 | -.ve-table .ve-table-container table.ve-table-content thead.ve-table-header.ve-table-fixed-header tr th { | |
| 1046 | - position: -webkit-sticky; | |
| 963 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header tr.ve-table-header-tr th.ve-table-header-th.ve-table-cell-indicator { | |
| 964 | + background-color: #eaebec; | |
| 965 | +} | |
| 966 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header tr.ve-table-header-tr th.ve-table-header-th.ve-table-cell-indicator-active { | |
| 967 | + background-color: #5f6266; | |
| 968 | + color: #fff; | |
| 969 | +} | |
| 970 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header.ve-table-fixed-header tr th { | |
| 1047 | 971 | position: sticky; |
| 1048 | - z-index: 2; | |
| 972 | + z-index: 20; | |
| 1049 | 973 | } |
| 1050 | -.ve-table .ve-table-container table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th { | |
| 974 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th { | |
| 1051 | 975 | /* filter */ |
| 1052 | 976 | } |
| 1053 | -.ve-table .ve-table-container table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th.ve-table-fixed-left, | |
| 1054 | -.ve-table .ve-table-container table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th.ve-table-fixed-right { | |
| 1055 | - position: -webkit-sticky; | |
| 977 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th.ve-table-fixed-left, | |
| 978 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th.ve-table-fixed-right { | |
| 1056 | 979 | position: sticky; |
| 1057 | - z-index: 3; | |
| 980 | + z-index: 30; | |
| 1058 | 981 | } |
| 1059 | -.ve-table .ve-table-container table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-checkbox-wrapper { | |
| 982 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-checkbox-wrapper { | |
| 1060 | 983 | width: 25px; |
| 1061 | 984 | } |
| 1062 | -.ve-table .ve-table-container table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort { | |
| 985 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort { | |
| 1063 | 986 | display: inline-block; |
| 1064 | 987 | position: relative; |
| 1065 | 988 | width: 16px; |
| 1066 | 989 | height: 16px; |
| @@ -1065,25 +988,28 @@ | ||
| 1065 | 988 | width: 16px; |
| 1066 | 989 | height: 16px; |
| 1067 | 990 | margin-left: 5px; |
| 1068 | 991 | color: #bfbfbf; |
| 1069 | - cursor: pointer; | |
| 992 | + pointer-events: none; | |
| 1070 | 993 | } |
| 1071 | -.ve-table .ve-table-container table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon { | |
| 994 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon { | |
| 1072 | 995 | position: absolute; |
| 1073 | 996 | display: block; |
| 1074 | 997 | font-size: 14px; |
| 1075 | 998 | } |
| 1076 | -.ve-table .ve-table-container table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon.ve-table-sort-icon-top { | |
| 999 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon.ve-table-sort-icon-top { | |
| 1077 | 1000 | top: 1px; |
| 1078 | 1001 | } |
| 1079 | -.ve-table .ve-table-container table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon.ve-table-sort-icon-bottom { | |
| 1002 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon.ve-table-sort-icon-bottom { | |
| 1080 | 1003 | top: 9px; |
| 1081 | 1004 | } |
| 1082 | -.ve-table .ve-table-container table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon.active { | |
| 1005 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon.active { | |
| 1083 | 1006 | color: var(--wpide-accent-color); |
| 1084 | 1007 | } |
| 1085 | -.ve-table .ve-table-container table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-filter { | |
| 1008 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th.ve-table-sortable-column { | |
| 1009 | + cursor: pointer; | |
| 1010 | +} | |
| 1011 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-filter { | |
| 1086 | 1012 | display: inline-block; |
| 1087 | 1013 | position: relative; |
| 1088 | 1014 | width: 0; |
| 1089 | 1015 | height: 16px; |
| @@ -1088,78 +1014,88 @@ | ||
| 1088 | 1014 | width: 0; |
| 1089 | 1015 | height: 16px; |
| 1090 | 1016 | cursor: pointer; |
| 1091 | 1017 | } |
| 1092 | -.ve-table .ve-table-container table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-filter .ve-table-filter-icon { | |
| 1018 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-filter .ve-table-filter-icon { | |
| 1093 | 1019 | color: #000; |
| 1094 | 1020 | position: absolute; |
| 1095 | 1021 | top: 0; |
| 1096 | 1022 | left: 5px; |
| 1097 | 1023 | } |
| 1098 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr, | |
| 1099 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr { | |
| 1024 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr, | |
| 1025 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr { | |
| 1100 | 1026 | height: 40px; |
| 1101 | 1027 | } |
| 1102 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-body-td, | |
| 1103 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-body-td, | |
| 1104 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-expand-td, | |
| 1105 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-expand-td { | |
| 1028 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-body-td, | |
| 1029 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-body-td, | |
| 1030 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-expand-td, | |
| 1031 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-expand-td { | |
| 1106 | 1032 | background-color: #fff; |
| 1107 | 1033 | color: inherit; |
| 1108 | 1034 | height: inherit; |
| 1109 | 1035 | font-size: 14px; |
| 1036 | + overflow: hidden; | |
| 1110 | 1037 | } |
| 1111 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-body-td, | |
| 1112 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-body-td { | |
| 1038 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-body-td, | |
| 1039 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-body-td { | |
| 1113 | 1040 | padding: 10px; |
| 1114 | 1041 | white-space: pre-wrap; |
| 1115 | 1042 | overflow: hidden; |
| 1116 | 1043 | } |
| 1117 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr { | |
| 1044 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-operation-col, | |
| 1045 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-operation-col { | |
| 1046 | + background-color: #fafafa; | |
| 1047 | +} | |
| 1048 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-operation-col.ve-table-cell-indicator, | |
| 1049 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-operation-col.ve-table-cell-indicator { | |
| 1050 | + background-color: #eaebec; | |
| 1051 | +} | |
| 1052 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-operation-col.ve-table-cell-indicator-active, | |
| 1053 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-operation-col.ve-table-cell-indicator-active { | |
| 1054 | + background-color: #5f6266; | |
| 1055 | + color: #fff; | |
| 1056 | +} | |
| 1057 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr { | |
| 1118 | 1058 | display: table-row; |
| 1119 | 1059 | } |
| 1120 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-body-row-scrolling > td { | |
| 1060 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-row-scrolling > td { | |
| 1121 | 1061 | background-color: var(--wpide-white); |
| 1122 | 1062 | } |
| 1123 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body.ve-table-stripe tr.ve-table-body-tr:nth-child(2n + 1) td { | |
| 1063 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body.ve-table-stripe tr.ve-table-body-tr:nth-child(2n + 1) td { | |
| 1124 | 1064 | background-color: transparent; |
| 1125 | 1065 | } |
| 1126 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body.ve-table-row-hover tr.ve-table-body-tr:hover td { | |
| 1066 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body.ve-table-row-hover tr.ve-table-body-tr:hover td { | |
| 1127 | 1067 | background-color: var(--wpide-light-100); |
| 1128 | 1068 | } |
| 1129 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body.ve-table-row-highlight tr.ve-table-body-tr.ve-table-tr-highlight td { | |
| 1069 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body.ve-table-row-highlight tr.ve-table-body-tr.ve-table-tr-highlight td { | |
| 1130 | 1070 | background-color: var(--wpide-light-100); |
| 1131 | 1071 | } |
| 1132 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-fixed-left, | |
| 1133 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-fixed-right { | |
| 1134 | - position: -webkit-sticky; | |
| 1072 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-fixed-left, | |
| 1073 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-fixed-right { | |
| 1135 | 1074 | position: sticky; |
| 1136 | - z-index: 1; | |
| 1075 | + z-index: 10; | |
| 1137 | 1076 | } |
| 1138 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-cell-selection { | |
| 1139 | - border: 1px solid var(--wpide-accent-color); | |
| 1140 | -} | |
| 1141 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon { | |
| 1077 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon { | |
| 1142 | 1078 | cursor: pointer; |
| 1143 | 1079 | display: inline-block; |
| 1144 | 1080 | width: 20px; |
| 1145 | 1081 | height: 20px; |
| 1146 | 1082 | } |
| 1147 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon i { | |
| 1083 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon i { | |
| 1148 | 1084 | display: inline-flex; |
| 1149 | 1085 | } |
| 1150 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon i::before { | |
| 1086 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon i::before { | |
| 1151 | 1087 | transform: rotate(0deg); |
| 1152 | 1088 | transition: transform 0.3s; |
| 1153 | 1089 | } |
| 1154 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon.ve-table-expand-icon-collapsed i::before { | |
| 1090 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon.ve-table-expand-icon-collapsed i::before { | |
| 1155 | 1091 | transform: rotate(90deg); |
| 1156 | 1092 | transition: transform 0.3s; |
| 1157 | 1093 | } |
| 1158 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-checkbox-wrapper { | |
| 1094 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-checkbox-wrapper { | |
| 1159 | 1095 | width: 25px; |
| 1160 | 1096 | } |
| 1161 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-body-td-span-ellipsis { | |
| 1097 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-body-td-span-ellipsis { | |
| 1162 | 1098 | overflow: hidden; |
| 1163 | 1099 | display: -webkit-box; |
| 1164 | 1100 | text-overflow: ellipsis; |
| 1165 | 1101 | /* -webkit-line-clamp: 1; */ |
| @@ -1164,35 +1100,107 @@ | ||
| 1164 | 1100 | text-overflow: ellipsis; |
| 1165 | 1101 | /* -webkit-line-clamp: 1; */ |
| 1166 | 1102 | -webkit-box-orient: vertical; |
| 1167 | 1103 | } |
| 1168 | -.ve-table .ve-table-container table.ve-table-content tbody.ve-table-body .ve-table-expand-tr .ve-table-expand-td-content { | |
| 1169 | - position: -webkit-sticky; | |
| 1104 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body .ve-table-expand-tr .ve-table-expand-td-content { | |
| 1170 | 1105 | position: sticky; |
| 1171 | - z-index: 1; | |
| 1106 | + z-index: 10; | |
| 1172 | 1107 | left: 0px; |
| 1173 | 1108 | padding: 0 10px; |
| 1174 | 1109 | } |
| 1175 | -.ve-table .ve-table-container table.ve-table-content tfoot.ve-table-footer tr.ve-table-footer-tr { | |
| 1110 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tfoot.ve-table-footer tr.ve-table-footer-tr { | |
| 1176 | 1111 | height: 40px; |
| 1177 | 1112 | } |
| 1178 | -.ve-table .ve-table-container table.ve-table-content tfoot.ve-table-footer tr.ve-table-footer-tr td.ve-table-footer-td { | |
| 1113 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tfoot.ve-table-footer tr.ve-table-footer-tr td.ve-table-footer-td { | |
| 1179 | 1114 | background-color: var(--wpide-white); |
| 1180 | 1115 | color: inherit; |
| 1181 | 1116 | padding: 10px; |
| 1182 | 1117 | font-size: 14px; |
| 1183 | 1118 | } |
| 1184 | -.ve-table .ve-table-container table.ve-table-content tfoot.ve-table-footer.ve-table-fixed-footer tr td { | |
| 1185 | - position: -webkit-sticky; | |
| 1119 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tfoot.ve-table-footer.ve-table-fixed-footer tr td { | |
| 1186 | 1120 | position: sticky; |
| 1187 | - z-index: 2; | |
| 1121 | + z-index: 20; | |
| 1188 | 1122 | } |
| 1189 | -.ve-table .ve-table-container table.ve-table-content tfoot.ve-table-footer .ve-table-footer-tr .ve-table-footer-td.ve-table-fixed-left, | |
| 1190 | -.ve-table .ve-table-container table.ve-table-content tfoot.ve-table-footer .ve-table-footer-tr .ve-table-footer-td.ve-table-fixed-right { | |
| 1191 | - position: -webkit-sticky; | |
| 1123 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tfoot.ve-table-footer .ve-table-footer-tr .ve-table-footer-td.ve-table-fixed-left, | |
| 1124 | +.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tfoot.ve-table-footer .ve-table-footer-tr .ve-table-footer-td.ve-table-fixed-right { | |
| 1192 | 1125 | position: sticky; |
| 1193 | - z-index: 3; | |
| 1126 | + z-index: 30; | |
| 1194 | 1127 | } |
| 1128 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-current .ve-table-selection-corner, | |
| 1129 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-normal-area .ve-table-selection-corner, | |
| 1130 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-autofill-area .ve-table-selection-corner { | |
| 1131 | + position: absolute; | |
| 1132 | + z-index: 11; | |
| 1133 | +} | |
| 1134 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-current .ve-table-selection-border, | |
| 1135 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-normal-area .ve-table-selection-border, | |
| 1136 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-autofill-area .ve-table-selection-border { | |
| 1137 | + position: absolute; | |
| 1138 | + z-index: 10; | |
| 1139 | +} | |
| 1140 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-normal-area-layer { | |
| 1141 | + position: absolute; | |
| 1142 | + z-index: 10; | |
| 1143 | +} | |
| 1144 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-current .ve-table-selection-corner, | |
| 1145 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-normal-area .ve-table-selection-corner, | |
| 1146 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-autofill-area .ve-table-selection-corner { | |
| 1147 | + position: absolute; | |
| 1148 | + z-index: 1; | |
| 1149 | +} | |
| 1150 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-current .ve-table-selection-border, | |
| 1151 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-normal-area .ve-table-selection-border, | |
| 1152 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-autofill-area .ve-table-selection-border { | |
| 1153 | + position: absolute; | |
| 1154 | + z-index: 0; | |
| 1155 | +} | |
| 1156 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-normal-area-layer { | |
| 1157 | + position: absolute; | |
| 1158 | + z-index: 0; | |
| 1159 | +} | |
| 1160 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-current .ve-table-selection-corner, | |
| 1161 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-normal-area .ve-table-selection-corner, | |
| 1162 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-autofill-area .ve-table-selection-corner { | |
| 1163 | + position: absolute; | |
| 1164 | + z-index: 11; | |
| 1165 | +} | |
| 1166 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-current .ve-table-selection-border, | |
| 1167 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-normal-area .ve-table-selection-border, | |
| 1168 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-autofill-area .ve-table-selection-border { | |
| 1169 | + position: absolute; | |
| 1170 | + z-index: 10; | |
| 1171 | +} | |
| 1172 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-normal-area-layer { | |
| 1173 | + position: absolute; | |
| 1174 | + z-index: 10; | |
| 1175 | +} | |
| 1176 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-normal-area-layer { | |
| 1177 | + background-color: #0d65eb; | |
| 1178 | + opacity: 0.1; | |
| 1179 | + pointer-events: none; | |
| 1180 | +} | |
| 1181 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-current .ve-table-selection-corner, | |
| 1182 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-normal-area .ve-table-selection-corner { | |
| 1183 | + display: block; | |
| 1184 | + height: 8px; | |
| 1185 | + width: 8px; | |
| 1186 | + border-style: solid; | |
| 1187 | + border-color: #ffffff; | |
| 1188 | + background-color: #4b89ff; | |
| 1189 | + cursor: crosshair; | |
| 1190 | +} | |
| 1191 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-current .ve-table-selection-border, | |
| 1192 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-normal-area .ve-table-selection-border { | |
| 1193 | + display: block; | |
| 1194 | + background-color: #4b89ff; | |
| 1195 | +} | |
| 1196 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-autofill-area .ve-table-selection-border { | |
| 1197 | + display: block; | |
| 1198 | + background-color: #ff000085; | |
| 1199 | +} | |
| 1200 | +.ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-border { | |
| 1201 | + pointer-events: none; | |
| 1202 | +} | |
| 1195 | 1203 | .ve-table .ve-table-container .ve-table-virtual-phantom.ve-table-virtual-scroll { |
| 1196 | 1204 | position: absolute; |
| 1197 | 1205 | left: 0; |
| 1198 | 1206 | top: 0; |
| @@ -1204,11 +1212,16 @@ | ||
| 1204 | 1212 | } |
| 1205 | 1213 | .ve-table .ve-table-container.ve-table-container-right-scrolling .ve-table-first-right-fixed-column { |
| 1206 | 1214 | border-left: 1px solid #ddd; |
| 1207 | 1215 | } |
| 1208 | -.ve-table .ve-table-container.ve-table-is-cell-editing .ve-table-content .ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-cell-selection { | |
| 1209 | - border-width: 0px; | |
| 1216 | +.ve-table .ve-table-container.ve-table-autofilling { | |
| 1217 | + cursor: crosshair; | |
| 1210 | 1218 | } |
| 1219 | +.ve-table .ve-table-container.ve-table-enable-cell-selection { | |
| 1220 | + -webkit-user-select: none; | |
| 1221 | + -moz-user-select: none; | |
| 1222 | + user-select: none; | |
| 1223 | +} | |
| 1211 | 1224 | .ve-table .ve-table-container .ve-table-border-x th, |
| 1212 | 1225 | .ve-table .ve-table-container .ve-table-border-x td { |
| 1213 | 1226 | border-bottom: 1px solid var(--wpide-border-color); |
| 1214 | 1227 | } |
| @@ -1260,8 +1273,29 @@ | ||
| 1260 | 1273 | display: block; |
| 1261 | 1274 | color: #000; |
| 1262 | 1275 | border-radius: 0; |
| 1263 | 1276 | background-color: #fff; |
| 1277 | +} | |
| 1278 | +.ve-table .ve-table-column-resizer-handler { | |
| 1279 | + position: absolute; | |
| 1280 | + cursor: col-resize; | |
| 1281 | + top: 0; | |
| 1282 | + bottom: 0; | |
| 1283 | + width: 5px; | |
| 1284 | + height: 40px; | |
| 1285 | + z-index: 50; | |
| 1286 | +} | |
| 1287 | +.ve-table .ve-table-column-resizer-handler.active { | |
| 1288 | + background-color: #4d90fe; | |
| 1289 | +} | |
| 1290 | +.ve-table .ve-table-column-resizer-line { | |
| 1291 | + position: absolute; | |
| 1292 | + pointer-events: none; | |
| 1293 | + top: 0; | |
| 1294 | + bottom: 0; | |
| 1295 | + width: 0; | |
| 1296 | + border-left: 1px solid #4d90fe; | |
| 1297 | + z-index: 50; | |
| 1264 | 1298 | } |
| 1265 | 1299 | /* ve-table */ |
| 1266 | 1300 | /* ve-pagination */ |
| 1267 | 1301 | /* ve-checkbox */ |
