From e67157bee85f71929d687e2c03020618f18c8f6d Mon Sep 17 00:00:00 2001 From: stilez Date: Mon, 26 Sep 2016 17:14:37 +0100 Subject: wbr tag needs a css compatibility fix for some browsers See comment in the PR --- src/usr/local/www/css/pfSense.css | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'src/usr/local/www') diff --git a/src/usr/local/www/css/pfSense.css b/src/usr/local/www/css/pfSense.css index a2cb099..6cf0945 100644 --- a/src/usr/local/www/css/pfSense.css +++ b/src/usr/local/www/css/pfSense.css @@ -69,6 +69,17 @@ h1 a:hover, h1 a:active { text-decoration: none !important; } +/* Zero-width optional linebreaks can help the browser to linebreak at 'good' places. + Unfortunately the two most compatible options aren't consistently supported. + "\00200B" or #8203; is part of unicode and widely implemented; and is widely + supported even on old browsers but not IE<5.5 and IE>7. + http://stackoverflow.com/a/23759279/2238378 suggests a neat "80%" solution for broad + compatibility pre-HTML5 - use and automatically insert #&8203; after it. Should + be invisible, facilitates neat line breaking when manual control is desired. */ +wbr:after { + content: "\00200B"; +} + .container.fixed { padding-top: 60px; } -- cgit v1.1