From ad9e32162ce9178e7237f5fe399912c09b4e2bd0 Mon Sep 17 00:00:00 2001 From: makobi Date: Fri, 16 Mar 2018 23:06:21 -0400 Subject: [PATCH] fix(wallet-overview): add media queries for small heights --- app/components/account-card/styles.scss | 2 +- app/components/balance-overview/styles.scss | 13 +++++++++++++ yarn.lock | 2 +- 3 files changed, 15 insertions(+), 2 deletions(-) diff --git a/app/components/account-card/styles.scss b/app/components/account-card/styles.scss index 2a0a2e45..e18fdf36 100644 --- a/app/components/account-card/styles.scss +++ b/app/components/account-card/styles.scss @@ -59,7 +59,7 @@ a { border: 0; color: white; display: block; - font-size: 1.4vh; + font-size: 0.7rem; height: 60px; margin: 0; outline: none; diff --git a/app/components/balance-overview/styles.scss b/app/components/balance-overview/styles.scss index 4a894e3b..bdd6d8aa 100644 --- a/app/components/balance-overview/styles.scss +++ b/app/components/balance-overview/styles.scss @@ -40,3 +40,16 @@ letter-spacing: 1.33px; margin: 0; } + +@media (max-height: 730px) { + .pending { + display: none; + } +} + +@media (max-height: 638px) { + .currency-tabs, + .balance { + display: none; + } +} diff --git a/yarn.lock b/yarn.lock index 8a37a801..d9b7f904 100644 --- a/yarn.lock +++ b/yarn.lock @@ -11662,7 +11662,7 @@ npmlog@^2.0.3: are-we-there-yet "~1.1.2" gauge "~1.2.5" -"nprogress@github:alexlafroscia/nprogress#allow-alternate-scheduler": +nprogress@alexlafroscia/nprogress#allow-alternate-scheduler: version "0.2.0" resolved "https://codeload.github.com/alexlafroscia/nprogress/tar.gz/af37323172b98441d02aa02447f795f5766419b0"