diff --git a/cashtab/package-lock.json b/cashtab/package-lock.json --- a/cashtab/package-lock.json +++ b/cashtab/package-lock.json @@ -1,12 +1,12 @@ { "name": "cashtab", - "version": "2.30.0", + "version": "2.30.1", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "cashtab", - "version": "2.30.0", + "version": "2.30.1", "dependencies": { "@bitgo/utxo-lib": "^9.33.0", "@zxing/browser": "^0.1.4", diff --git a/cashtab/package.json b/cashtab/package.json --- a/cashtab/package.json +++ b/cashtab/package.json @@ -1,6 +1,6 @@ { "name": "cashtab", - "version": "2.30.0", + "version": "2.30.1", "private": true, "scripts": { "start": "node scripts/start.js", diff --git a/cashtab/src/components/App/App.js b/cashtab/src/components/App/App.js --- a/cashtab/src/components/App/App.js +++ b/cashtab/src/components/App/App.js @@ -114,9 +114,15 @@ // To avoid content jump flickering without using overflow-anchor, // This cannot exceed the height of the minified wallet menu // overflow-anchor css rule is not supported across all browsers and devices - // WalletInfoCtn has max-height set to 90px in styles.js - const PIN_MINIFIED_WALLET_MENU_SCROLLY = 42; - const minifiedMenu = scrollYPosition >= PIN_MINIFIED_WALLET_MENU_SCROLLY; + // WalletInfoCtn has height set to 63px in styles.js + const PIN_MINIFIED_WALLET_MENU_SCROLLY = 63; + const UNPIN_MINIFIED_WALLET_MENU_SCROLLY = 15; + const minifiedMenu = + scrollYPosition > PIN_MINIFIED_WALLET_MENU_SCROLLY + ? true + : scrollYPosition < UNPIN_MINIFIED_WALLET_MENU_SCROLLY + ? false + : true; useEffect(() => { window.addEventListener('scroll', handleScroll); diff --git a/cashtab/src/components/App/styles.js b/cashtab/src/components/App/styles.js --- a/cashtab/src/components/App/styles.js +++ b/cashtab/src/components/App/styles.js @@ -336,7 +336,7 @@ @media (max-width: 768px) { width: 100%; } - max-height: 90px; + height: 63px; overflow: hidden; `} background: ${props => props.theme.walletInfoContainer};