PluginProbe
WPIDE – File Manager & Code Editor / 3.5.9
WPIDE – File Manager & Code Editor v3.5.9
3.5.9 3.5.8 3.5.7 2.0.14 2.0.15 2.0.16 2.0.2 2.0.4 2.0.5 2.0.6 2.0.7 2.0.8 2.0.9 2.1 2.2 2.3 2.3.1 2.3.2 2.4.0 2.5 2.6 3.0 3.1 3.2 3.3 All 55 releases
← All changes | dist/css/DbManager-easy-table-dark-less.css +212 -178 3.33.5.9 View file →
@@ -129,10 +129,9 @@
129 129 height: 100%;
130 130 border-radius: 2px;
131 131 border: 1px solid #108ee9;
132 132 content: "";
133 - -webkit-animation-fill-mode: both;
134 - animation-fill-mode: both;
133 + animation-fill-mode: both;
135 134 visibility: hidden;
136 135 }
137 136 .dark-mode .ve-checkbox .ve-checkbox-checked .ve-checkbox-inner {
138 137 background-color: #108ee9;
@@ -180,10 +179,9 @@
180 179 .dark-mode .ve-checkbox .ve-checkbox-disabled {
181 180 cursor: not-allowed;
182 181 }
183 182 .dark-mode .ve-checkbox .ve-checkbox-disabled.ve-checkbox-checked .ve-checkbox-inner:after {
184 - -webkit-animation-name: none;
185 - animation-name: none;
183 + animation-name: none;
186 184 border-color: rgba(0, 0, 0, 0.25);
187 185 }
188 186 .dark-mode .ve-checkbox .ve-checkbox-disabled .ve-checkbox-input {
189 187 cursor: not-allowed;
@@ -194,10 +192,9 @@
194 192 border-color: #d9d9d9 !important;
195 193 background-color: #f7f7f7;
196 194 }
197 195 .dark-mode .ve-checkbox .ve-checkbox-disabled .ve-checkbox-inner:after {
198 - -webkit-animation-name: none;
199 - animation-name: none;
196 + animation-name: none;
200 197 border-color: #f7f7f7;
201 198 }
202 199 .dark-mode .ve-checkbox-label {
203 200 margin: 0 6px 0 3px;
@@ -483,22 +480,10 @@
483 480 .dark-mode .ve-loading-spin-container .ve-loading-spin {
484 481 display: inline-block;
485 482 }
486 483 .dark-mode .ve-loading-plane {
487 - -webkit-animation: sk-plane 1.2s infinite ease-in-out;
488 - animation: sk-plane 1.2s infinite ease-in-out;
484 + animation: sk-plane 1.2s infinite ease-in-out;
489 485 }
490 -@-webkit-keyframes sk-plane {
491 - 0% {
492 - transform: perspective(120px) rotateX(0deg) rotateY(0deg);
493 - }
494 - 50% {
495 - transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
496 - }
497 - 100% {
498 - transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
499 - }
500 -}
501 486 @keyframes sk-plane {
502 487 0% {
503 488 transform: perspective(120px) rotateX(0deg) rotateY(0deg);
504 489 }
@@ -520,25 +505,13 @@
520 505 opacity: 0.6;
521 506 position: absolute;
522 507 top: 0;
523 508 left: 0;
524 - -webkit-animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
525 - animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
509 + animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
526 510 }
527 511 .dark-mode .ve-loading-bounce-dot:nth-child(2) {
528 - -webkit-animation-delay: -1s;
529 - animation-delay: -1s;
512 + animation-delay: -1s;
530 513 }
531 -@-webkit-keyframes sk-bounce {
532 - 0%,
533 - 100% {
534 - transform: scale(0);
535 - }
536 - 45%,
537 - 55% {
538 - transform: scale(1);
539 - }
540 -}
541 514 @keyframes sk-bounce {
542 515 0%,
543 516 100% {
544 517 transform: scale(0);
@@ -554,41 +527,25 @@
554 527 }
555 528 .dark-mode .ve-loading-wave-rect {
556 529 height: 100%;
557 530 width: 15%;
558 - -webkit-animation: sk-wave 1.2s infinite ease-in-out;
559 - animation: sk-wave 1.2s infinite ease-in-out;
531 + animation: sk-wave 1.2s infinite ease-in-out;
560 532 }
561 533 .dark-mode .ve-loading-wave-rect:nth-child(1) {
562 - -webkit-animation-delay: -1.2s;
563 - animation-delay: -1.2s;
534 + animation-delay: -1.2s;
564 535 }
565 536 .dark-mode .ve-loading-wave-rect:nth-child(2) {
566 - -webkit-animation-delay: -1.1s;
567 - animation-delay: -1.1s;
537 + animation-delay: -1.1s;
568 538 }
569 539 .dark-mode .ve-loading-wave-rect:nth-child(3) {
570 - -webkit-animation-delay: -1s;
571 - animation-delay: -1s;
540 + animation-delay: -1s;
572 541 }
573 542 .dark-mode .ve-loading-wave-rect:nth-child(4) {
574 - -webkit-animation-delay: -0.9s;
575 - animation-delay: -0.9s;
543 + animation-delay: -0.9s;
576 544 }
577 545 .dark-mode .ve-loading-wave-rect:nth-child(5) {
578 - -webkit-animation-delay: -0.8s;
579 - animation-delay: -0.8s;
546 + animation-delay: -0.8s;
580 547 }
581 -@-webkit-keyframes sk-wave {
582 - 0%,
583 - 40%,
584 - 100% {
585 - transform: scaleY(0.4);
586 - }
587 - 20% {
588 - transform: scaleY(1);
589 - }
590 -}
591 548 @keyframes sk-wave {
592 549 0%,
593 550 40%,
594 551 100% {
@@ -602,20 +559,10 @@
602 559 width: var(--sk-size);
603 560 height: var(--sk-size);
604 561 background-color: var(--sk-color);
605 562 border-radius: 100%;
606 - -webkit-animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
607 - animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
563 + animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
608 564 }
609 -@-webkit-keyframes sk-pulse {
610 - 0% {
611 - transform: scale(0);
612 - }
613 - 100% {
614 - transform: scale(1);
615 - opacity: 0;
616 - }
617 -}
618 565 @keyframes sk-pulse {
619 566 0% {
620 567 transform: scale(0);
621 568 }
@@ -634,29 +581,16 @@
634 581 width: 25%;
635 582 height: 25%;
636 583 background-color: var(--sk-color);
637 584 border-radius: 50%;
638 - -webkit-animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
639 - animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
585 + animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
640 586 }
641 587 .dark-mode .ve-loading-flow-dot:nth-child(1) {
642 - -webkit-animation-delay: -0.3s;
643 - animation-delay: -0.3s;
588 + animation-delay: -0.3s;
644 589 }
645 590 .dark-mode .ve-loading-flow-dot:nth-child(2) {
646 - -webkit-animation-delay: -0.15s;
647 - animation-delay: -0.15s;
591 + animation-delay: -0.15s;
648 592 }
649 -@-webkit-keyframes sk-flow {
650 - 0%,
651 - 80%,
652 - 100% {
653 - transform: scale(0.3);
654 - }
655 - 40% {
656 - transform: scale(1);
657 - }
658 -}
659 593 @keyframes sk-flow {
660 594 0%,
661 595 80%,
662 596 100% {
@@ -677,57 +611,37 @@
677 611 width: 33.33%;
678 612 height: 33.33%;
679 613 background-color: var(--sk-color);
680 614 float: left;
681 - -webkit-animation: sk-grid 1.3s infinite ease-in-out;
682 - animation: sk-grid 1.3s infinite ease-in-out;
615 + animation: sk-grid 1.3s infinite ease-in-out;
683 616 }
684 617 .dark-mode .ve-loading-grid-cube:nth-child(1) {
685 - -webkit-animation-delay: 0.2s;
686 - animation-delay: 0.2s;
618 + animation-delay: 0.2s;
687 619 }
688 620 .dark-mode .ve-loading-grid-cube:nth-child(2) {
689 - -webkit-animation-delay: 0.3s;
690 - animation-delay: 0.3s;
621 + animation-delay: 0.3s;
691 622 }
692 623 .dark-mode .ve-loading-grid-cube:nth-child(3) {
693 - -webkit-animation-delay: 0.4s;
694 - animation-delay: 0.4s;
624 + animation-delay: 0.4s;
695 625 }
696 626 .dark-mode .ve-loading-grid-cube:nth-child(4) {
697 - -webkit-animation-delay: 0.1s;
698 - animation-delay: 0.1s;
627 + animation-delay: 0.1s;
699 628 }
700 629 .dark-mode .ve-loading-grid:nth-child(5) {
701 - -webkit-animation-delay: 0.2s;
702 - animation-delay: 0.2s;
630 + animation-delay: 0.2s;
703 631 }
704 632 .dark-mode .ve-loading-grid-cube:nth-child(6) {
705 - -webkit-animation-delay: 0.3s;
706 - animation-delay: 0.3s;
633 + animation-delay: 0.3s;
707 634 }
708 635 .dark-mode .ve-loading-grid-cube:nth-child(7) {
709 - -webkit-animation-delay: 0s;
710 - animation-delay: 0s;
636 + animation-delay: 0s;
711 637 }
712 638 .dark-mode .ve-loading-grid-cube:nth-child(8) {
713 - -webkit-animation-delay: 0.1s;
714 - animation-delay: 0.1s;
639 + animation-delay: 0.1s;
715 640 }
716 641 .dark-mode .ve-loading-grid-cube:nth-child(9) {
717 - -webkit-animation-delay: 0.2s;
718 - animation-delay: 0.2s;
642 + animation-delay: 0.2s;
719 643 }
720 -@-webkit-keyframes sk-grid {
721 - 0%,
722 - 70%,
723 - 100% {
724 - transform: scale3D(1, 1, 1);
725 - }
726 - 35% {
727 - transform: scale3D(0, 0, 1);
728 - }
729 -}
730 644 @keyframes sk-grid {
731 645 0%,
732 646 70%,
733 647 100% {
@@ -939,10 +853,9 @@
939 853 height: 100%;
940 854 border: 1px solid #108ee9;
941 855 border-radius: 50%;
942 856 visibility: hidden;
943 - -webkit-animation-fill-mode: both;
944 - animation-fill-mode: both;
857 + animation-fill-mode: both;
945 858 content: "";
946 859 }
947 860 .dark-mode .ve-radio .ve-radio-container.ve-radio-checked .ve-radio-inner {
948 861 border-color: #108ee9;
@@ -1029,23 +942,28 @@
1029 942 position: relative;
1030 943 overflow-y: auto;
1031 944 height: 100%;
1032 945 width: 100%;
946 + -webkit-user-select: text;
947 + -moz-user-select: text;
948 + user-select: text;
1033 949 }
1034 -.dark-mode .ve-table .ve-table-container table.ve-table-content {
1035 - position: absolute;
950 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper {
951 + position: relative;
1036 952 left: 0;
1037 953 right: 0;
1038 954 top: 0;
955 +}
956 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content {
1039 957 min-width: 100%;
1040 958 table-layout: fixed;
1041 959 border-collapse: separate;
1042 960 border-spacing: 0;
1043 961 }
1044 -.dark-mode .ve-table .ve-table-container table.ve-table-content thead.ve-table-header tr.ve-table-header-tr {
962 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header tr.ve-table-header-tr {
1045 963 height: 40px;
1046 964 }
1047 -.dark-mode .ve-table .ve-table-container table.ve-table-content thead.ve-table-header tr.ve-table-header-tr th.ve-table-header-th {
965 +.dark-mode .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 {
1048 966 background-color: transparent;
1049 967 padding: 10px;
1050 968 font-weight: 500;
1051 969 color: #b6c6e3;
@@ -1050,26 +968,31 @@
1050 968 font-weight: 500;
1051 969 color: #b6c6e3;
1052 970 font-size: 14px;
1053 971 }
1054 -.dark-mode .ve-table .ve-table-container table.ve-table-content thead.ve-table-header.ve-table-fixed-header tr th {
1055 - position: -webkit-sticky;
972 +.dark-mode .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 {
973 + background-color: #434343;
974 +}
975 +.dark-mode .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 {
976 + background-color: #666;
977 + color: #fff;
978 +}
979 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header.ve-table-fixed-header tr th {
1056 980 position: sticky;
1057 - z-index: 2;
981 + z-index: 20;
1058 982 }
1059 -.dark-mode .ve-table .ve-table-container table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th {
983 +.dark-mode .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 {
1060 984 /* filter */
1061 985 }
1062 -.dark-mode .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,
1063 -.dark-mode .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 {
1064 - position: -webkit-sticky;
986 +.dark-mode .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,
987 +.dark-mode .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 {
1065 988 position: sticky;
1066 - z-index: 3;
989 + z-index: 30;
1067 990 }
1068 -.dark-mode .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 {
991 +.dark-mode .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 {
1069 992 width: 25px;
1070 993 }
1071 -.dark-mode .ve-table .ve-table-container table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort {
994 +.dark-mode .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 {
1072 995 display: inline-block;
1073 996 position: relative;
1074 997 width: 16px;
1075 998 height: 16px;
@@ -1074,25 +997,28 @@
1074 997 width: 16px;
1075 998 height: 16px;
1076 999 margin-left: 5px;
1077 1000 color: #bfbfbf;
1078 - cursor: pointer;
1001 + pointer-events: none;
1079 1002 }
1080 -.dark-mode .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 {
1003 +.dark-mode .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 {
1081 1004 position: absolute;
1082 1005 display: block;
1083 1006 font-size: 14px;
1084 1007 }
1085 -.dark-mode .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 {
1008 +.dark-mode .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 {
1086 1009 top: 1px;
1087 1010 }
1088 -.dark-mode .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 {
1011 +.dark-mode .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 {
1089 1012 top: 9px;
1090 1013 }
1091 -.dark-mode .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 {
1014 +.dark-mode .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 {
1092 1015 color: #108ee9;
1093 1016 }
1094 -.dark-mode .ve-table .ve-table-container table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-filter {
1017 +.dark-mode .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 {
1018 + cursor: pointer;
1019 +}
1020 +.dark-mode .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 {
1095 1021 display: inline-block;
1096 1022 position: relative;
1097 1023 width: 0;
1098 1024 height: 16px;
@@ -1097,78 +1023,88 @@
1097 1023 width: 0;
1098 1024 height: 16px;
1099 1025 cursor: pointer;
1100 1026 }
1101 -.dark-mode .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 {
1027 +.dark-mode .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 {
1102 1028 color: #eee;
1103 1029 position: absolute;
1104 1030 top: 0;
1105 1031 left: 5px;
1106 1032 }
1107 -.dark-mode .ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr,
1108 -.dark-mode .ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr {
1033 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr,
1034 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr {
1109 1035 height: 40px;
1110 1036 }
1111 -.dark-mode .ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-body-td,
1112 -.dark-mode .ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-body-td,
1113 -.dark-mode .ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-expand-td,
1114 -.dark-mode .ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-expand-td {
1037 +.dark-mode .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,
1038 +.dark-mode .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,
1039 +.dark-mode .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,
1040 +.dark-mode .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 {
1115 1041 background-color: var(--wpide-dark-body-bg);
1116 1042 color: #b6c6e3;
1117 1043 height: inherit;
1118 1044 font-size: 14px;
1045 + overflow: hidden;
1119 1046 }
1120 -.dark-mode .ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-body-td,
1121 -.dark-mode .ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-body-td {
1047 +.dark-mode .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,
1048 +.dark-mode .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 {
1122 1049 padding: 10px;
1123 1050 white-space: pre-wrap;
1124 1051 overflow: hidden;
1125 1052 }
1126 -.dark-mode .ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr {
1053 +.dark-mode .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,
1054 +.dark-mode .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 {
1055 + background-color: #1d1d1d;
1056 +}
1057 +.dark-mode .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,
1058 +.dark-mode .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 {
1059 + background-color: #434343;
1060 +}
1061 +.dark-mode .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,
1062 +.dark-mode .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 {
1063 + background-color: #666;
1064 + color: #fff;
1065 +}
1066 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr {
1127 1067 display: table-row;
1128 1068 }
1129 -.dark-mode .ve-table .ve-table-container table.ve-table-content tbody.ve-table-body tr.ve-table-body-row-scrolling > td {
1069 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tbody.ve-table-body tr.ve-table-body-row-scrolling > td {
1130 1070 background-color: var(--wpide-dark-body-bg);
1131 1071 }
1132 -.dark-mode .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 {
1072 +.dark-mode .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 {
1133 1073 background-color: transparent;
1134 1074 }
1135 -.dark-mode .ve-table .ve-table-container table.ve-table-content tbody.ve-table-body.ve-table-row-hover tr.ve-table-body-tr:hover td {
1075 +.dark-mode .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 {
1136 1076 background-color: var(--wpide-light-900);
1137 1077 }
1138 -.dark-mode .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 {
1078 +.dark-mode .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 {
1139 1079 background-color: var(--wpide-light-900);
1140 1080 }
1141 -.dark-mode .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,
1142 -.dark-mode .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 {
1143 - position: -webkit-sticky;
1081 +.dark-mode .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,
1082 +.dark-mode .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 {
1144 1083 position: sticky;
1145 - z-index: 1;
1084 + z-index: 10;
1146 1085 }
1147 -.dark-mode .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 {
1148 - border: 1px solid var(--wpide-accent-color);
1149 -}
1150 -.dark-mode .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 {
1086 +.dark-mode .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 {
1151 1087 cursor: pointer;
1152 1088 display: inline-block;
1153 1089 width: 20px;
1154 1090 height: 20px;
1155 1091 }
1156 -.dark-mode .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 {
1092 +.dark-mode .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 {
1157 1093 display: inline-flex;
1158 1094 }
1159 -.dark-mode .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 {
1095 +.dark-mode .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 {
1160 1096 transform: rotate(0deg);
1161 1097 transition: transform 0.3s;
1162 1098 }
1163 -.dark-mode .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 {
1099 +.dark-mode .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 {
1164 1100 transform: rotate(90deg);
1165 1101 transition: transform 0.3s;
1166 1102 }
1167 -.dark-mode .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 {
1103 +.dark-mode .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 {
1168 1104 width: 25px;
1169 1105 }
1170 -.dark-mode .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 {
1106 +.dark-mode .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 {
1171 1107 overflow: hidden;
1172 1108 display: -webkit-box;
1173 1109 text-overflow: ellipsis;
1174 1110 /* -webkit-line-clamp: 1; */
@@ -1173,35 +1109,107 @@
1173 1109 text-overflow: ellipsis;
1174 1110 /* -webkit-line-clamp: 1; */
1175 1111 -webkit-box-orient: vertical;
1176 1112 }
1177 -.dark-mode .ve-table .ve-table-container table.ve-table-content tbody.ve-table-body .ve-table-expand-tr .ve-table-expand-td-content {
1178 - position: -webkit-sticky;
1113 +.dark-mode .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 {
1179 1114 position: sticky;
1180 - z-index: 1;
1115 + z-index: 10;
1181 1116 left: 0px;
1182 1117 padding: 0 10px;
1183 1118 }
1184 -.dark-mode .ve-table .ve-table-container table.ve-table-content tfoot.ve-table-footer tr.ve-table-footer-tr {
1119 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tfoot.ve-table-footer tr.ve-table-footer-tr {
1185 1120 height: 40px;
1186 1121 }
1187 -.dark-mode .ve-table .ve-table-container table.ve-table-content tfoot.ve-table-footer tr.ve-table-footer-tr td.ve-table-footer-td {
1122 +.dark-mode .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 {
1188 1123 background-color: transparent;
1189 1124 color: #b6c6e3;
1190 1125 padding: 10px;
1191 1126 font-size: 14px;
1192 1127 }
1193 -.dark-mode .ve-table .ve-table-container table.ve-table-content tfoot.ve-table-footer.ve-table-fixed-footer tr td {
1194 - position: -webkit-sticky;
1128 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content tfoot.ve-table-footer.ve-table-fixed-footer tr td {
1195 1129 position: sticky;
1196 - z-index: 2;
1130 + z-index: 20;
1197 1131 }
1198 -.dark-mode .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,
1199 -.dark-mode .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 {
1200 - position: -webkit-sticky;
1132 +.dark-mode .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,
1133 +.dark-mode .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 {
1201 1134 position: sticky;
1202 - z-index: 3;
1135 + z-index: 30;
1203 1136 }
1137 +.dark-mode .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,
1138 +.dark-mode .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,
1139 +.dark-mode .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 {
1140 + position: absolute;
1141 + z-index: 11;
1142 +}
1143 +.dark-mode .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,
1144 +.dark-mode .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,
1145 +.dark-mode .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 {
1146 + position: absolute;
1147 + z-index: 10;
1148 +}
1149 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-left .ve-table-selection-normal-area-layer {
1150 + position: absolute;
1151 + z-index: 10;
1152 +}
1153 +.dark-mode .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,
1154 +.dark-mode .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,
1155 +.dark-mode .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 {
1156 + position: absolute;
1157 + z-index: 1;
1158 +}
1159 +.dark-mode .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,
1160 +.dark-mode .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,
1161 +.dark-mode .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 {
1162 + position: absolute;
1163 + z-index: 0;
1164 +}
1165 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-middle .ve-table-selection-normal-area-layer {
1166 + position: absolute;
1167 + z-index: 0;
1168 +}
1169 +.dark-mode .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,
1170 +.dark-mode .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,
1171 +.dark-mode .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 {
1172 + position: absolute;
1173 + z-index: 11;
1174 +}
1175 +.dark-mode .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,
1176 +.dark-mode .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,
1177 +.dark-mode .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 {
1178 + position: absolute;
1179 + z-index: 10;
1180 +}
1181 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-fixed-right .ve-table-selection-normal-area-layer {
1182 + position: absolute;
1183 + z-index: 10;
1184 +}
1185 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-normal-area-layer {
1186 + background-color: #0d65eb;
1187 + opacity: 0.1;
1188 + pointer-events: none;
1189 +}
1190 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-current .ve-table-selection-corner,
1191 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-normal-area .ve-table-selection-corner {
1192 + display: block;
1193 + height: 8px;
1194 + width: 8px;
1195 + border-style: solid;
1196 + border-color: #ffffff;
1197 + background-color: #4b89ff;
1198 + cursor: crosshair;
1199 +}
1200 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-current .ve-table-selection-border,
1201 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-normal-area .ve-table-selection-border {
1202 + display: block;
1203 + background-color: #4b89ff;
1204 +}
1205 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-autofill-area .ve-table-selection-border {
1206 + display: block;
1207 + background-color: #ff000085;
1208 +}
1209 +.dark-mode .ve-table .ve-table-container .ve-table-content-wrapper .ve-table-selection-wrapper .ve-table-selection-border {
1210 + pointer-events: none;
1211 +}
1204 1212 .dark-mode .ve-table .ve-table-container .ve-table-virtual-phantom.ve-table-virtual-scroll {
1205 1213 position: absolute;
1206 1214 left: 0;
1207 1215 top: 0;
@@ -1213,11 +1221,16 @@
1213 1221 }
1214 1222 .dark-mode .ve-table .ve-table-container.ve-table-container-right-scrolling .ve-table-first-right-fixed-column {
1215 1223 border-left: 1px solid var(--wpide-light-900);
1216 1224 }
1217 -.dark-mode .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 {
1218 - border-width: 0px;
1225 +.dark-mode .ve-table .ve-table-container.ve-table-autofilling {
1226 + cursor: crosshair;
1219 1227 }
1228 +.dark-mode .ve-table .ve-table-container.ve-table-enable-cell-selection {
1229 + -webkit-user-select: none;
1230 + -moz-user-select: none;
1231 + user-select: none;
1232 +}
1220 1233 .dark-mode .ve-table .ve-table-container .ve-table-border-x th,
1221 1234 .dark-mode .ve-table .ve-table-container .ve-table-border-x td {
1222 1235 border-bottom: 1px solid var(--wpide-light-900);
1223 1236 }
@@ -1264,11 +1277,32 @@
1264 1277 font-family: inherit;
1265 1278 line-height: 30px;
1266 1279 font-size: inherit;
1267 1280 border: 2px solid var(--wpide-accent-color);
1268 - box-shadow: 1px 2px 5px 0 #1f232966;
1281 + box-shadow: 1px 2px 5px 0 #5e5c5c;
1269 1282 display: block;
1270 - color: #000;
1283 + color: #fff;
1271 1284 border-radius: 0;
1272 - background-color: #fff;
1285 + background-color: #434343;
1286 +}
1287 +.dark-mode .ve-table .ve-table-column-resizer-handler {
1288 + position: absolute;
1289 + cursor: col-resize;
1290 + top: 0;
1291 + bottom: 0;
1292 + width: 5px;
1293 + height: 40px;
1294 + z-index: 50;
1295 +}
1296 +.dark-mode .ve-table .ve-table-column-resizer-handler.active {
1297 + background-color: #4d90fe;
1298 +}
1299 +.dark-mode .ve-table .ve-table-column-resizer-line {
1300 + position: absolute;
1301 + pointer-events: none;
1302 + top: 0;
1303 + bottom: 0;
1304 + width: 0;
1305 + border-left: 1px solid #4d90fe;
1306 + z-index: 50;
1273 1307 }
1274 1308