@qn-pandora/pandora-component 5.1.0 → 5.1.2

package/es/components/Table/style.css

@@ -20,7 +20,11 @@
   margin: -10.5px -6px;
 }
 .ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
-  margin: -10.5px -6px -10.5px 23px;
+  margin: -10.5px -6px -10.5px 42px;
+}
+.ant-table.ant-table-middle .ant-table-selection-column {
+  -webkit-padding-start: 1.5px;
+          padding-inline-start: 1.5px;
 }
 .ant-table.ant-table-small {
   font-size: 14px;
@@ -40,14 +44,11 @@
   margin: -7px -6px;
 }
 .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
-  margin: -7px -6px -7px 23px;
-}
-.ant-table-small .ant-table-thead > tr > th {
-  background-color: #fafafa;
+  margin: -7px -6px -7px 42px;
 }
-.ant-table-small .ant-table-selection-column {
-  width: 46px;
-  min-width: 46px;
+.ant-table.ant-table-small .ant-table-selection-column {
+  -webkit-padding-start: 1.5px;
+          padding-inline-start: 1.5px;
 }
 .ant-table.ant-table-bordered > .ant-table-title {
   border: 1px solid #ebecf0;
@@ -140,7 +141,7 @@
 .ant-table-cell .ant-table-container:first-child {
   border-top: 0;
 }
-.ant-table-cell-scrollbar {
+.ant-table-cell-scrollbar:not([rowspan]) {
   -webkit-box-shadow: 0 1px 0 1px #fafafa;
           box-shadow: 0 1px 0 1px #fafafa;
 }
@@ -253,7 +254,7 @@
 }
 .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
 .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
-  margin: -14px -12px -14px 29px;
+  margin: -14px -12px -14px 36px;
 }
 .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td,
 .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
@@ -270,11 +271,11 @@
   background: #f3f7fd;
 }
 .ant-table-tbody > tr.ant-table-row-selected > td {
-  background: #2c6dd2;
+  background: #436bff;
   border-color: rgba(0, 0, 0, 0.03);
 }
 .ant-table-tbody > tr.ant-table-row-selected:hover > td {
-  background: #2a69ca;
+  background: #3963ff;
 }
 .ant-table-summary {
   position: relative;
@@ -321,6 +322,7 @@ div.ant-table-summary {
           justify-content: flex-end;
 }
 .ant-table-thead th.ant-table-column-has-sorters {
+  outline: none;
   cursor: pointer;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
@@ -331,6 +333,9 @@ div.ant-table-summary {
 .ant-table-thead th.ant-table-column-has-sorters:hover::before {
   background-color: transparent !important;
 }
+.ant-table-thead th.ant-table-column-has-sorters:focus-visible {
+  color: #436bff;
+}
 .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
 .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
   background: #f5f5f5;
@@ -400,7 +405,7 @@ td.ant-table-column-sort {
 }
 .ant-table-column-sorter-up.active,
 .ant-table-column-sorter-down.active {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-table-column-sorter-up + .ant-table-column-sorter-down {
   margin-top: -0.3em;
@@ -438,7 +443,7 @@ td.ant-table-column-sort {
   background: rgba(0, 0, 0, 0.04);
 }
 .ant-table-filter-trigger.active {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-table-filter-dropdown {
   -webkit-box-sizing: border-box;
@@ -477,11 +482,11 @@ td.ant-table-column-sort {
   padding: 8px 8px 0;
 }
 .ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
-  background-color: rgba(44, 109, 210, 0.05);
+  background-color: rgba(67, 107, 255, 0.05);
 }
 .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,
 .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover {
-  background-color: rgba(44, 109, 210, 0.05);
+  background-color: rgba(67, 107, 255, 0.05);
 }
 .ant-table-filter-dropdown-search {
   padding: 8px;
@@ -560,8 +565,8 @@ table tr th.ant-table-selection-column::after {
   transition: all 0.3s;
   -webkit-margin-start: 100%;
           margin-inline-start: 100%;
-  -webkit-padding-start: 4px;
-          padding-inline-start: 4px;
+  -webkit-padding-start: 3px;
+          padding-inline-start: 3px;
 }
 .ant-table-selection-extra .anticon {
   color: #bfbfbf;
@@ -576,20 +581,24 @@ table tr th.ant-table-selection-column::after {
 .ant-table-row-expand-icon-cell {
   text-align: center;
 }
+.ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  float: none;
+  vertical-align: sub;
+}
 .ant-table-row-indent {
   float: left;
   height: 1px;
 }
 .ant-table-row-expand-icon {
-  color: #7a869a;
-  text-decoration: none;
+  color: #436bff;
+  outline: none;
   cursor: pointer;
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
   position: relative;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
   float: left;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -601,7 +610,6 @@ table tr th.ant-table-selection-column::after {
   background: #ffffff;
   border: 1px solid #ebecf0;
   border-radius: 2px;
-  outline: none;
   -webkit-transform: scale(0.94117647);
           transform: scale(0.94117647);
   -webkit-transition: all 0.3s;
@@ -611,22 +619,22 @@ table tr th.ant-table-selection-column::after {
       -ms-user-select: none;
           user-select: none;
 }
-.ant-table-row-expand-icon:focus,
+.ant-table-row-expand-icon:focus-visible,
 .ant-table-row-expand-icon:hover {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-table-row-expand-icon:active {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-table-row-expand-icon:focus,
 .ant-table-row-expand-icon:hover,
 .ant-table-row-expand-icon:active {
-  border-color: currentColor;
+  border-color: currentcolor;
 }
 .ant-table-row-expand-icon::before,
 .ant-table-row-expand-icon::after {
   position: absolute;
-  background: currentColor;
+  background: currentcolor;
   -webkit-transition: -webkit-transform 0.3s ease-out;
   transition: -webkit-transform 0.3s ease-out;
   transition: transform 0.3s ease-out;
@@ -720,6 +728,9 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   content: '';
   pointer-events: none;
 }
+.ant-table-cell-fix-left-all::after {
+  display: none;
+}
 .ant-table-cell-fix-right-first::after,
 .ant-table-cell-fix-right-last::after {
   position: absolute;
@@ -741,7 +752,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   position: absolute;
   top: 0;
   bottom: 0;
-  z-index: 1;
+  z-index: calc(calc(2 + 1) + 1);
   width: 30px;
   -webkit-transition: -webkit-box-shadow 0.3s;
   transition: -webkit-box-shadow 0.3s;
@@ -756,10 +767,10 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 .ant-table .ant-table-container::after {
   right: 0;
 }
-.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container {
+.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container {
   position: relative;
 }
-.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before {
+.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container::before {
   -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
           box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
 }
@@ -771,10 +782,10 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 .ant-table-ping-left .ant-table-cell-fix-left-last::before {
   background-color: transparent !important;
 }
-.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container {
+.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container {
   position: relative;
 }
-.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
+.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container::after {
   -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
           box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
 }
@@ -839,6 +850,9 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
+.ant-table-title + .ant-table-container table {
+  border-radius: 0;
+}
 .ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
   border-radius: 0;
 }
@@ -999,31 +1013,41 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 .ant-pagination-item a:hover {
   text-decoration: none;
 }
-.ant-pagination-item:focus-visible,
 .ant-pagination-item:hover {
-  border-color: #7a869a;
+  border-color: #436bff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
 }
-.ant-pagination-item:focus-visible a,
 .ant-pagination-item:hover a {
-  color: #7a869a;
+  color: #436bff;
+}
+.ant-pagination-item:focus-visible {
+  border-color: #436bff;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+.ant-pagination-item:focus-visible a {
+  color: #436bff;
 }
 .ant-pagination-item-active {
   font-weight: 500;
   background: #ffffff;
-  border-color: #7a869a;
+  border-color: #436bff;
 }
 .ant-pagination-item-active a {
-  color: #7a869a;
+  color: #436bff;
 }
-.ant-pagination-item-active:focus-visible,
 .ant-pagination-item-active:hover {
-  border-color: #9ca0a6;
+  border-color: #6b90ff;
+}
+.ant-pagination-item-active:focus-visible {
+  border-color: #6b90ff;
 }
-.ant-pagination-item-active:focus-visible a,
 .ant-pagination-item-active:hover a {
-  color: #9ca0a6;
+  color: #6b90ff;
+}
+.ant-pagination-item-active:focus-visible a {
+  color: #6b90ff;
 }
 .ant-pagination-jump-prev,
 .ant-pagination-jump-next {
@@ -1035,7 +1059,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 }
 .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
 .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
-  color: #7a869a;
+  color: #436bff;
   font-size: 12px;
   letter-spacing: -1px;
   opacity: 0;
@@ -1068,18 +1092,22 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
 }
-.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
-.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon,
 .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
 .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
   opacity: 1;
 }
-.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
-.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis,
 .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
 .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
   opacity: 0;
 }
+.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
+.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon {
+  opacity: 1;
+}
+.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
+.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis {
+  opacity: 0;
+}
 .ant-pagination-prev,
 .ant-pagination-jump-prev,
 .ant-pagination-jump-next {
@@ -1119,7 +1147,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 }
 .ant-pagination-prev:hover button,
 .ant-pagination-next:hover button {
-  border-color: #9ca0a6;
+  border-color: #6b90ff;
 }
 .ant-pagination-prev .ant-pagination-item-link,
 .ant-pagination-next .ant-pagination-item-link {
@@ -1137,19 +1165,28 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   transition: all 0.3s;
 }
 .ant-pagination-prev:focus-visible .ant-pagination-item-link,
-.ant-pagination-next:focus-visible .ant-pagination-item-link,
+.ant-pagination-next:focus-visible .ant-pagination-item-link {
+  color: #436bff;
+  border-color: #436bff;
+}
 .ant-pagination-prev:hover .ant-pagination-item-link,
 .ant-pagination-next:hover .ant-pagination-item-link {
-  color: #7a869a;
-  border-color: #7a869a;
+  color: #436bff;
+  border-color: #436bff;
 }
 .ant-pagination-disabled,
-.ant-pagination-disabled:hover,
-.ant-pagination-disabled:focus-visible {
+.ant-pagination-disabled:hover {
   cursor: not-allowed;
 }
 .ant-pagination-disabled .ant-pagination-item-link,
-.ant-pagination-disabled:hover .ant-pagination-item-link,
+.ant-pagination-disabled:hover .ant-pagination-item-link {
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #e5e5e5;
+  cursor: not-allowed;
+}
+.ant-pagination-disabled:focus-visible {
+  cursor: not-allowed;
+}
 .ant-pagination-disabled:focus-visible .ant-pagination-item-link {
   color: rgba(0, 0, 0, 0.25);
   border-color: #e5e5e5;
@@ -1195,19 +1232,20 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   border-radius: 2px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
-  /* stylelint-disable-next-line selector-no-vendor-prefix */
   width: 50px;
   height: 32px;
   margin: 0 8px;
 }
-.ant-pagination-options-quick-jumper input::-moz-placeholder {
-  opacity: 1;
-}
 .ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
   color: #bfbfbf;
   -webkit-user-select: none;
           user-select: none;
 }
+.ant-pagination-options-quick-jumper input::-moz-placeholder {
+  color: #bfbfbf;
+  -moz-user-select: none;
+       user-select: none;
+}
 .ant-pagination-options-quick-jumper input::-ms-input-placeholder {
   color: #bfbfbf;
   -ms-user-select: none;
@@ -1224,15 +1262,15 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   text-overflow: ellipsis;
 }
 .ant-pagination-options-quick-jumper input:hover {
-  border-color: #2c6dd2;
-  border-right-width: 1px !important;
+  border-color: #436bff;
+  border-right-width: 1px;
 }
 .ant-pagination-options-quick-jumper input:focus,
 .ant-pagination-options-quick-jumper input-focused {
-  border-color: #9ca0a6;
-  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-  border-right-width: 1px !important;
+  border-color: #6b90ff;
+  -webkit-box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+  border-right-width: 1px;
   outline: 0;
 }
 .ant-pagination-options-quick-jumper input-disabled {
@@ -1246,7 +1284,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 }
 .ant-pagination-options-quick-jumper input-disabled:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-pagination-options-quick-jumper input[disabled] {
   color: rgba(0, 0, 0, 0.25);
@@ -1259,7 +1297,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 }
 .ant-pagination-options-quick-jumper input[disabled]:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-pagination-options-quick-jumper input-borderless,
 .ant-pagination-options-quick-jumper input-borderless:hover,
@@ -1325,12 +1363,12 @@ textarea.ant-pagination-options-quick-jumper input {
   transition: border-color 0.3s;
 }
 .ant-pagination-simple .ant-pagination-simple-pager input:hover {
-  border-color: #7a869a;
+  border-color: #436bff;
 }
 .ant-pagination-simple .ant-pagination-simple-pager input:focus {
-  border-color: #9ca0a6;
-  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
+  border-color: #6b90ff;
+  -webkit-box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
 }
 .ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
   color: rgba(0, 0, 0, 0.25);
@@ -1338,55 +1376,55 @@ textarea.ant-pagination-options-quick-jumper input {
   border-color: #e5e5e5;
   cursor: not-allowed;
 }
-.ant-pagination.mini .ant-pagination-total-text,
-.ant-pagination.mini .ant-pagination-simple-pager {
+.ant-pagination.ant-pagination-mini .ant-pagination-total-text,
+.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager {
   height: 24px;
   line-height: 24px;
 }
-.ant-pagination.mini .ant-pagination-item {
+.ant-pagination.ant-pagination-mini .ant-pagination-item {
   min-width: 24px;
   height: 24px;
   margin: 0;
   line-height: 22px;
 }
-.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
+.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) {
   background: transparent;
   border-color: transparent;
 }
-.ant-pagination.mini .ant-pagination-prev,
-.ant-pagination.mini .ant-pagination-next {
+.ant-pagination.ant-pagination-mini .ant-pagination-prev,
+.ant-pagination.ant-pagination-mini .ant-pagination-next {
   min-width: 24px;
   height: 24px;
   margin: 0;
   line-height: 24px;
 }
-.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
-.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
+.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link,
+.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link {
   background: transparent;
   border-color: transparent;
 }
-.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
-.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
+.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after,
+.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after {
   height: 24px;
   line-height: 24px;
 }
-.ant-pagination.mini .ant-pagination-jump-prev,
-.ant-pagination.mini .ant-pagination-jump-next {
+.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev,
+.ant-pagination.ant-pagination-mini .ant-pagination-jump-next {
   height: 24px;
   margin-right: 0;
   line-height: 24px;
 }
-.ant-pagination.mini .ant-pagination-options {
+.ant-pagination.ant-pagination-mini .ant-pagination-options {
   margin-left: 2px;
 }
-.ant-pagination.mini .ant-pagination-options-size-changer {
+.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer {
   top: 0px;
 }
-.ant-pagination.mini .ant-pagination-options-quick-jumper {
+.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper {
   height: 24px;
   line-height: 24px;
 }
-.ant-pagination.mini .ant-pagination-options-quick-jumper input {
+.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input {
   padding: 1px 7px;
   width: 44px;
   height: 26px;
@@ -1478,7 +1516,7 @@ textarea.ant-pagination-options-quick-jumper input {
   margin-left: 0;
 }
 .pandora-sdk-table-wrapper a {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .pandora-sdk-table-wrapper a:hover {
   text-decoration: underline;
@@ -1513,7 +1551,7 @@ textarea.ant-pagination-options-quick-jumper input {
   line-height: 20px;
 }
 .pandora-sdk-table-wrapper .ant-table-thead > tr > th .anticon-filter.ant-table-filter-selected {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .pandora-sdk-table-wrapper .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
   margin-left: 8px;
@@ -1601,11 +1639,11 @@ textarea.ant-pagination-options-quick-jumper input {
 }
 .pandora-sdk-table-wrapper .ant-pagination-item:hover,
 .pandora-sdk-table-wrapper .ant-pagination-item-active {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .pandora-sdk-table-wrapper .ant-pagination-item:hover a,
 .pandora-sdk-table-wrapper .ant-pagination-item-active a {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .pandora-sdk-table-wrapper .ant-pagination-item-link,
 .pandora-sdk-table-wrapper .ant-pagination-item-link {
@@ -1617,11 +1655,11 @@ textarea.ant-pagination-options-quick-jumper input {
 }
 .pandora-sdk-table-wrapper .ant-pagination-item-link:hover,
 .pandora-sdk-table-wrapper .ant-pagination-item-link:hover {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .pandora-sdk-table-wrapper .ant-pagination-item-link:hover i,
 .pandora-sdk-table-wrapper .ant-pagination-item-link:hover i {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .pandora-sdk-table-wrapper .ant-pagination-disabled .ant-pagination-item-link:hover,
 .pandora-sdk-table-wrapper .ant-pagination-disabled .ant-pagination-item-link:hover {
@@ -1668,9 +1706,6 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-table-wrapper .ant-table-thead > tr > th .ant-table-column-sorters .ant-table-filter-trigger-container {
   position: relative;
 }
-.pandora-sdk-table-wrapper .ant-table-filter-dropdown .ant-dropdown-menu {
-  max-height: 200px;
-}
 .pandora-sdk-table-wrapper .ant-table-tbody > tr.ant-table-row:hover > td {
   background-color: #f3f7fd;
 }
@@ -1678,6 +1713,9 @@ textarea.ant-pagination-options-quick-jumper input {
   display: block;
   line-height: 28px;
 }
+.pandora-sdk-table-wrapper .ant-table-filter-trigger.active .anticon {
+  color: #436bff;
+}
 .pandora-sdk-table-wrapper .pandora-sdk-table-empty {
   margin: 32px 0;
 }
@@ -1701,7 +1739,7 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-table-batch-opt .pandora-sdk-table-batch-opt-item {
   margin-right: 10px;
   cursor: pointer;
-  color: #2c6dd2;
+  color: #436bff;
 }
 .pandora-sdk-table-batch-opt .pandora-sdk-table-batch-opt-disabled {
   pointer-events: none;
@@ -1748,3 +1786,13 @@ textarea.ant-pagination-options-quick-jumper input {
 .ant-table-thead > tr > th > .ant-table-filter-column > .ant-table-column-title > .ant-table-column-sorters > .ant-table-column-title {
   position: static;
 }
+.ant-table-filter-dropdown .ant-dropdown-menu {
+  max-height: 200px;
+}
+.ant-table-filter-dropdown .ant-dropdown-menu-item,
+.ant-table-filter-dropdown .ant-dropdown-menu-submenu-title {
+  font-size: 12px;
+}
+.ant-table-filter-dropdown .ant-table-filter-dropdown-btns button {
+  font-size: 12px;
+}