From b84683160894748adb6d98921e1b5c231fb15b66 Mon Sep 17 00:00:00 2001 From: Electron - Mark Firth <github@lbry.red> Date: Tue, 26 Jun 2018 16:43:44 +1000 Subject: [PATCH] VW Fixes Responsive Issues Using 400px still breaks if at minimum width. However, using Viewport Width (vw) makes it responsive, thus it works at all sizes without out the need for condition media queries. --- src/renderer/scss/component/_button.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/renderer/scss/component/_button.scss b/src/renderer/scss/component/_button.scss index 93a326e6f..dfb67580e 100644 --- a/src/renderer/scss/component/_button.scss +++ b/src/renderer/scss/component/_button.scss @@ -67,7 +67,7 @@ button:disabled { box-shadow: none; text-align: left; /*Tourniquets text over 400px*/ - max-width: 400px; + max-width: 20vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;