Merge pull request #5070 from JDonadio/feat/address-view

Feat/address view

src/sass/views/addresses.scss

@@ -0,0 +1,89 @@
+#addresses {
+  .addr {
+    &-explanation, &-button-group {
+      padding: 0 1rem;
+      margin: 1rem 0;
+    }
+    &-description {
+      text-align: center;
+      font-size: 15px;
+      color: $mid-gray;
+      margin: 1rem 0;
+      a {
+        font-weight: bold;
+        cursor: pointer;
+        cursor: hand;
+      }
+    }
+    &-balance {
+      margin-top: 4px;
+      color: #5DD263;
+    }
+    &-path {
+      margin-top: 4px;
+      color: #B8B8B8;
+    }
+  }
+
+  .banner-icon {
+    margin-top: 25px;
+    i {
+      box-shadow: $hovering-box-shadow;
+    }
+  }
+
+  .addr-list {
+    .item {
+      color: $dark-gray;
+      padding-top: 1.3rem;
+      padding-bottom: 1.3rem;
+      &.has-addr-value {
+        padding-top: .65rem;
+        padding-bottom: .65rem;
+      }
+      &.item-divider {
+        color: $mid-gray;
+        padding-bottom: .5rem;
+        font-size: .9rem;
+      }
+      &.view-all {
+        margin: 20px 0px 20px 0px;
+        cursor: pointer;
+        cursor: hand;
+        i {
+          font-size: 35px;
+          margin-right: 5px;
+          color: #647ce8;
+        }
+        span {
+          color: #647ce8;
+          font-weight: bold;
+        }
+      }
+      i {
+        font-size: 35px;
+        margin-right: 2px;
+      }
+    }
+    .box-error {
+      padding: 25px;
+      background-color: #E65555;
+      color: #F4F4F4;
+      h5 {
+        margin: 5px;
+        color: #F4F4F4;
+        text-align: center;
+        font-weight: bold;
+      }
+      a {
+        font-weight: bold;
+        color: #F4F4F4;
+        cursor: pointer;
+        cursor: hand;
+      }
+    }
+    .item-note {
+      color: $light-gray;
+    }
+  }
+}

src/sass/views/includes/menu-popover.scss

@@ -0,0 +1,12 @@
+#menu-popover {
+  border-radius: 5px;
+  .list {
+    .item {
+      cursor: pointer;
+      cursor: hand;
+      &:hover {
+        background-color: #E4E2E2;
+      }
+    }
+  }
+}

src/sass/views/tab-receive.scss

@@ -89,6 +89,8 @@
     .bit-address {
       font-size: .8rem;
       // left:10%;
+      cursor: pointer;
+      cursor: hand;
       position: absolute;
       transition: all .15s ease;
       width:100%;
@@ -117,7 +119,6 @@
       .item {
         padding-top: 5px;
         padding-bottom: 5px;
-        display: inline-block;
         font-size: .7rem;
         @media(min-width:350px) {
           font-size:.9rem;

src/sass/views/views.scss

@@ -15,6 +15,7 @@
 @import "bitpayCardIntro";
 @import "bitpayCardPreferences";
 @import "address-book";
+@import "addresses";
 @import "wallet-backup-phrase";
 @import "zero-state";
 @import "onboarding/onboarding";
@@ -26,6 +27,7 @@
 @import "export";
 @import "import";
 @import "join";
+@import "includes/menu-popover";
 @import "includes/walletActivity";
 @import "includes/wallets";
 @import "includes/modals/modals";