feat(neuron-ui): align list with description field

nervosnetwork · Jul 26, 2019 · ea9e034 · ea9e034
1 parent 7728c6b
commit ea9e034
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 1 deletion.
diff --git a/packages/neuron-ui/src/components/Addresses/index.tsx b/packages/neuron-ui/src/components/Addresses/index.tsx
@@ -173,6 +173,7 @@ const Addresses = ({
       onItemContextMenu={item => {
         contextMenu({ type: 'addressList', id: item.identifier })
       }}
+      className="listWithDesc"
     />
   )
 }

diff --git a/packages/neuron-ui/src/components/TransactionList/index.tsx b/packages/neuron-ui/src/components/TransactionList/index.tsx
@@ -209,6 +209,7 @@ const TransactionList = ({
           contextMenu({ type: 'transactionList', id: item.hash })
         }
       }}
+      className="listWithDesc"
     />
   )
 }

diff --git a/packages/neuron-ui/src/stories/index.tsx b/packages/neuron-ui/src/stories/index.tsx
@@ -9,3 +9,5 @@ import './NetworkSetting.stories'
 import './PasswordRequest.stories'
 import './TransactionFeePanel.stories'
 import './SyncStatus.stories'
+import 'styles/index.scss'
+import './styles.scss'
diff --git a/packages/neuron-ui/src/stories/styles.scss b/packages/neuron-ui/src/stories/styles.scss
@@ -0,0 +1,3 @@
+body {
+  display: block
+}
diff --git a/packages/neuron-ui/src/styles/index.scss b/packages/neuron-ui/src/styles/index.scss
@@ -52,4 +52,16 @@ navbar {
 
 .fixedWidth {
   font-family: monospace;
-}
+}
+
+.listWithDesc {
+  .ms-DetailsRow-cell {
+    display: flex;
+    align-items: center;
+  }
+
+  .text-overflow {
+    overflow: hidden;
+    text-overflow: ellipsis
+  }
+}