feat(neuron-ui): disable overflow hidden on activities

nervosnetwork · Aug 12, 2019 · 01ff207 · 01ff207
1 parent c25b597
commit 01ff207
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 23 deletions.
diff --git a/packages/neuron-ui/src/components/Overview/index.tsx b/packages/neuron-ui/src/components/Overview/index.tsx
@@ -80,12 +80,8 @@ const ActivityList = ({
       onItemInvoked={item => {
         showTransactionDetails(item.hash)
       }}
-      className="customScrollBar"
       styles={{
         root: {
-          overflowX: 'hidden',
-          overflowY: 'auto',
-          height: '100%',
           backgroundColor: 'transparent',
         },
         contentWrapper: {
@@ -315,7 +311,7 @@ const Overview = ({
   )
 
   return (
-    <Stack tokens={{ childrenGap: 15 }} verticalFill horizontalAlign="stretch">
+    <Stack tokens={{ childrenGap: 15 }} horizontalAlign="stretch">
       <Text as="h1" variant={TITLE_FONT_SIZE}>
         {name}
       </Text>

diff --git a/packages/neuron-ui/src/styles/index.scss b/packages/neuron-ui/src/styles/index.scss
@@ -44,7 +44,6 @@ navbar {
 
 .form-control,
 .btn {
-
   &:focus {
     box-shadow: none !important;
   }
@@ -62,30 +61,16 @@ navbar {
 
   .text-overflow {
     overflow: hidden;
-    text-overflow: ellipsis
-  }
-}
-
-
-.customScrollBar {
-  &::-webkit-scrollbar {
-    border-radius: 5px;
-    background-color: #e0e0e0;
-    width: 10px
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: 5px;
-    background-color: #bdbdbd;
+    text-overflow: ellipsis;
   }
 }
 
 @keyframes rotate360 {
   from {
-    transform: rotate(0)
+    transform: rotate(0);
   }
 
   to {
-    transform: rotate(360deg)
+    transform: rotate(360deg);
   }
 }