feat: add scroll bar on address list (#1767)

* feat: add scroll bar on address list * fix * fix
RabbyHub · Sep 22, 2023 · eedc189 · eedc189
1 parent 293647e
commit eedc189
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 11 deletions.
diff --git a/src/ui/assets/address/sort-by-alphabet-2.svg b/src/ui/assets/address/sort-by-alphabet-2.svg
diff --git a/src/ui/assets/address/sort-by-alphabet.svg b/src/ui/assets/address/sort-by-alphabet.svg
diff --git a/src/ui/views/AddressManagement/SortPopup.tsx b/src/ui/views/AddressManagement/SortPopup.tsx
@@ -2,7 +2,7 @@ import { Item, Popup } from '@/ui/component';
 import React, { useMemo } from 'react';
 import ImgSortByUsd from '@/ui/assets/address/sort-by-usd-l.svg';
 import ImgSortByType from '@/ui/assets/address/sort-by-type.svg';
-import ImgSortByAlphabet from '@/ui/assets/address/sort-by-alphabet.svg';
+import ImgSortByAlphabet from '@/ui/assets/address/sort-by-alphabet-2.svg';
 import ImgChecked from '@/ui/assets/address/checked.svg';
 
 import { useRabbyDispatch, useRabbySelector } from '@/ui/store';

diff --git a/src/ui/views/AddressManagement/index.tsx b/src/ui/views/AddressManagement/index.tsx
@@ -469,7 +469,6 @@ const AddressManagement = () => {
     listRef.current?.resetAfterIndex(0);
   }, [accountsList.length]);
 
-  console.log('currentAccountIndex', currentAccountIndex);
   return (
     <div className="page-address-management px-0 overflow-hidden">
       <PageHeader className="pt-[24px] mx-[20px]">
@@ -581,7 +580,7 @@ const AddressManagement = () => {
             itemData={filteredAccounts}
             itemCount={filteredAccounts.length}
             itemSize={getItemSize}
-            className="scroll-container"
+            className="address-scroll-container"
             overscanCount={6}
           >
             {Row}

diff --git a/src/ui/views/AddressManagement/style.less b/src/ui/views/AddressManagement/style.less
@@ -271,6 +271,12 @@
 
     padding-top: 84px;
   }
+  .address-group-list.management > .address-scroll-container {
+    &::-webkit-scrollbar {
+      display: initial;
+    }
+    .chromelike-scrollbar();
+  }
 }
 
 .custom-private-popup {