Merge pull request #60 from blocknative/develop

Release 0.2.8

Author: lnbc1QWFyb24

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bnc-onboard",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Onboard users to web3 by allowing them to select a wallet, get that wallet ready to transact and have access to synced wallet state.",
   "keywords": [
     "ethereum",

src/components/Modal.svelte

@@ -37,10 +37,11 @@
     border-radius: 10px;
     box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
     font-family: "Helvetica Neue";
+    font-size: inherit;
     padding: 1.33em;
     position: relative;
     overflow: hidden;
-    max-width: 36em;
+    max-width: 37em;
     color: #4a4a4a;
   }
 
@@ -51,6 +52,7 @@
     padding: 0.8em;
     top: 1.33em;
     right: 1.33em;
+    font-size: inherit;
     border-radius: 5px;
     transition: background 200ms ease-in-out;
     display: flex;

src/components/ModalHeader.svelte

@@ -9,6 +9,7 @@
   header {
     display: flex;
     align-items: center;
+    font-size: inherit;
     margin-bottom: 0.66em;
   }
 
@@ -17,6 +18,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    font-size: inherit;
     padding: 0.6em;
     border-radius: 30px;
     background: #eeeeee;

src/components/SelectedWallet.svelte

@@ -11,11 +11,13 @@
 <style>
   section {
     color: inherit;
+    font-size: inherit;
     display: block;
   }
 
   footer {
     display: flex;
+    font-size: inherit;
     justify-content: space-between;
   }
 </style>

src/components/Wallets.svelte

@@ -20,21 +20,32 @@
     max-height: 66vh;
     overflow-y: scroll;
     padding: 0;
+    scrollbar-width: none;
     font-family: "Helvetica Neue";
+    font-size: inherit;
     line-height: 1.15;
     box-sizing: border-box;
   }
 
   div {
     width: 100%;
     display: flex;
+    font-size: inherit;
     justify-content: center;
   }
 
+  ::-webkit-scrollbar {
+    display: none;
+  }
+
   @media only screen and (max-width: 700px) {
     ul li {
       width: 100%;
     }
+
+    ul {
+      scrollbar-width: unset;
+    }
   }
 </style>
 

src/elements/IconButton.svelte

@@ -15,6 +15,7 @@
     border: none;
     margin: 0.33em 0;
     background: inherit;
+    font-size: inherit;
     width: 18em;
     padding: 0.625em 1.25em;
     transition: box-shadow 150ms ease-in-out, background 200ms ease-in-out;

src/elements/IconDisplay.svelte

@@ -11,6 +11,7 @@
     align-items: center;
     border: none;
     margin: 0;
+    font-size: inherit;
     background: inherit;
     padding: 0;
     width: 18em;
@@ -26,6 +27,7 @@
   span {
     margin-left: 0.66em;
     font-weight: bold;
+    font-size: inherit;
     opacity: 0.7;
     text-align: left;
   }

src/elements/Spinner.svelte

@@ -7,6 +7,7 @@
   }
   .bn-onboard-loading div {
     box-sizing: border-box;
+    font-size: inherit;
     display: block;
     position: absolute;
     width: 2em;

src/modules/select/index.ts

@@ -7,6 +7,8 @@ import portis from "./wallets/portis"
 import fortmatic from "./wallets/fortmatic"
 import authereum from "./wallets/authereum"
 import squarelink from "./wallets/squarelink"
+import opera from "./wallets/opera"
+import operaTouch from "./wallets/opera-touch"
 
 import { validateSelectDefaultsOptions } from "../../validation"
 import { SelectDefaultsOptions, WalletSelectModule } from "../../interfaces"
@@ -24,8 +26,8 @@ function defaults(options: SelectDefaultsOptions): WalletSelectModule {
     walletConnectInit
   } = options
 
-  const desktopModules = [metamask(), dapper()]
-  const mobileModules = [coinbase(), trust()]
+  const desktopModules = [metamask(), dapper(), opera()]
+  const mobileModules = [coinbase(), trust(), operaTouch()]
 
   if (portisInit) {
     desktopModules.push(portis({ ...portisInit, networkId }))
@@ -76,5 +78,7 @@ export default {
   portis,
   fortmatic,
   authereum,
-  squarelink
+  squarelink,
+  opera,
+  operaTouch
 }