tdesign-react 0.40.0-alpha.2 → 0.40.0-alpha.3

package/dist/tdesign.css

@@ -6718,6 +6718,8 @@ a .t-tag:active {
   width: 100%;
 }
 .t-select__dropdown .t-popup__content {
+  scrollbar-color: var(--td-scrollbar-color);
+  scrollbar-width: thin;
   margin: 8px 0;
   padding: 0;
   max-height: 300px;
@@ -6725,6 +6727,18 @@ a .t-tag:active {
   -webkit-box-shadow: var(--td-shadow-2);
           box-shadow: var(--td-shadow-2);
 }
+.t-select__dropdown .t-popup__content::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb {
+  background: var(--td-scrollbar-color);
+  border-radius: 11px;
+}
+.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:vertical:hover,
+.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover {
+  background-color: var(--td-scrollbar-hover-color);
+}
 .t-select__dropdown-inner {
   padding: 6px;
 }
@@ -13428,6 +13442,10 @@ a.t-menu__item:active {
   padding: 0;
   list-style: none;
 }
+.t-date-picker__header-controller-month-popup .t-popup__content,
+.t-date-picker__header-controller-year-popup .t-popup__content {
+  max-height: 160px;
+}
 .t-date-picker__panel-container .t-popup__content,
 .t-date-range-picker__panel-container .t-popup__content {
   padding: 0;
@@ -13450,10 +13468,6 @@ a.t-menu__item:active {
       -ms-flex-direction: row;
           flex-direction: row;
 }
-.t-date-picker__panel .t-select__dropdown,
-.t-date-range-picker__panel .t-select__dropdown {
-  max-height: 160px;
-}
 .t-date-picker__panel .t-time-picker__panel,
 .t-date-range-picker__panel .t-time-picker__panel {
   width: 216px;