From 3c23bd950ab7a630a80a6a0aa4b4bd4960a1ad3b Mon Sep 17 00:00:00 2001 From: Simon Howe Date: Mon, 1 Feb 2016 15:12:52 +0100 Subject: [PATCH] Fixes some fields overflowing badly. The Chrome guys have implmeneted a new change (in Chrome 48) in the CSS flexbox spec, min-width now defaults to auto instead of 0. "auto" has some complicated behaviour described in the table here: https://drafts.csswg.org/css-flexbox/#min-size-auto This results in a very long min-width (I don't understand why). So we have to let the browser know it can make it smaller if it wants to, which in this case would be great. Here's another person's experience with the issue. - https://code.google.com/p/chromium/issues/detail?id=551336 --- client/app/styles/main.less | 2 ++ 1 file changed, 2 insertions(+) diff --git a/client/app/styles/main.less b/client/app/styles/main.less index 51082f9c6e..2d80548591 100644 --- a/client/app/styles/main.less +++ b/client/app/styles/main.less @@ -644,6 +644,8 @@ h2 { &-value { font-size: 105%; flex: 1; + // Now required (from chrome 48) to get overflow + flexbox behaving: + min-width: 0; color: @text-color; } }