Fix issue #1: Styling of popovers breaks with latest antd version

xrutayisire · Sep 14, 2020 · 4cb3348 · 4cb3348
1 parent 094478c
commit 4cb3348
Showing 1 changed file with 5 additions and 11 deletions.
diff --git a/src/styles.css b/src/styles.css
@@ -61,17 +61,15 @@ div.react-js-cron-custom-select .ant-select-selection-placeholder {
   min-width: 0 !important;
   width: 170px !important;
 }
-.react-js-cron-custom-select-dropdown > div > div:nth-child(2) {
+.react-js-cron-custom-select-dropdown .rc-virtual-list {
   max-height: none !important;
 }
-.react-js-cron-custom-select-dropdown-grid div:nth-child(2) > div > div {
+.react-js-cron-custom-select-dropdown-grid .rc-virtual-list-holder-inner {
   display: grid !important;
   grid-template-columns: repeat(4, 1fr);
 }
 .react-js-cron-custom-select-dropdown-grid
-  div:nth-child(2)
-  > div
-  > div
+  .rc-virtual-list-holder-inner
   .ant-select-item-option-content {
   text-align: center;
 }
@@ -82,18 +80,14 @@ div.react-js-cron-custom-select .ant-select-selection-placeholder {
   width: 300px !important;
 }
 .react-js-cron-custom-select-dropdown-minutes-large
-  div:nth-child(2)
-  > div
-  > div {
+  .rc-virtual-list-holder-inner {
   grid-template-columns: repeat(7, 1fr);
 }
 .react-js-cron-custom-select-dropdown-minutes-medium {
   width: 215px !important;
 }
 .react-js-cron-custom-select-dropdown-minutes-medium
-  div:nth-child(2)
-  > div
-  > div {
+  .rc-virtual-list-holder-inner {
   grid-template-columns: repeat(5, 1fr);
 }
 .react-js-cron-period > span:first-child {