diff --git a/client/assets/styles/styles.mobile.less b/client/assets/styles/styles.mobile.less index 9fa19971..0c80a7bd 100644 --- a/client/assets/styles/styles.mobile.less +++ b/client/assets/styles/styles.mobile.less @@ -155,7 +155,7 @@ // portrait menu or small size vertical in landscape -@media (max-width: 550px) { +@media (max-width: 550px) and (max-height: 800px) { #mnml { grid-template-columns: 1fr; grid-template-rows: 1fr; diff --git a/client/assets/styles/vbox.less b/client/assets/styles/vbox.less index 88ec13fc..5cd15f33 100644 --- a/client/assets/styles/vbox.less +++ b/client/assets/styles/vbox.less @@ -3,7 +3,7 @@ grid-area: vbox; display: grid; grid-template-rows: 3fr 2fr; - grid-template-columns: 1fr 4fr 6fr 17em; // =\ + grid-template-columns: 1fr 4fr 6fr minmax(min-content, 17em); // =\ grid-template-areas: "store-hdr store info combos" "stash-hdr stash combiner combos"; diff --git a/client/src/components/mnml.jsx b/client/src/components/mnml.jsx index 7a5e94e0..cb3c6991 100644 --- a/client/src/components/mnml.jsx +++ b/client/src/components/mnml.jsx @@ -15,7 +15,7 @@ function Mnml(args) { instance, } = args; - const rotateClass = (game || instance) && window.innerWidth < window.innerHeight + const rotateClass = (game || instance) && window.innerHeight < 600 && window.innerWidth < window.innerHeight ? 'show' : ''; diff --git a/client/src/components/vbox.combos.jsx b/client/src/components/vbox.combos.jsx index c822af1c..410252d0 100644 --- a/client/src/components/vbox.combos.jsx +++ b/client/src/components/vbox.combos.jsx @@ -3,10 +3,7 @@ const { connect } = require('preact-redux'); const reactStringReplace = require('react-string-replace'); const countBy = require('lodash/countBy'); -const specThresholds = require('./vbox.info.thresholds'); -const { INFO } = require('./../constants'); const { convertItem, removeTier } = require('../utils'); -const { tutorialStage } = require('../tutorial.utils'); const shapes = require('./shapes'); const actions = require('../actions'); diff --git a/client/src/components/vbox.info.thresholds.jsx b/client/src/components/vbox.info.thresholds.jsx index 6785380e..9f259f0e 100644 --- a/client/src/components/vbox.info.thresholds.jsx +++ b/client/src/components/vbox.info.thresholds.jsx @@ -3,6 +3,7 @@ const range = require('lodash/range'); const shapes = require('./shapes'); function specThresholds(player, fullInfo, info) { + if (!info) return false; let red = 0; let blue = 0; let green = 0;