From fdda9474b750ae85b19b0bd6a27da610ff3329d2 Mon Sep 17 00:00:00 2001 From: dkd-oertel Date: Thu, 21 Jun 2018 16:29:51 +0200 Subject: [PATCH] [BUGFIX] add word wrap behavior for subnavigation items (#422) * [BUGFIX] add word wrap behavior for subnavigation items * update css/less --- Resources/Public/css/main.css | 4 ++++ Resources/Public/less/main.less | 3 +++ felayout_t3kit/dev/styles/main/nav/subNavigation.less | 3 +++ 3 files changed, 10 insertions(+) diff --git a/Resources/Public/css/main.css b/Resources/Public/css/main.css index 62782d74..b741834e 100644 --- a/Resources/Public/css/main.css +++ b/Resources/Public/css/main.css @@ -5111,6 +5111,10 @@ div.awesomplete li[aria-selected="true"] mark { border: 1px solid #dfe7ea; border-width: 0 0 1px; font-size: 15px; + -webkit-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; + word-wrap: break-word; } @media (min-width: 1200px) { .sub-navigation__link { diff --git a/Resources/Public/less/main.less b/Resources/Public/less/main.less index 4e491ebb..44b05abd 100644 --- a/Resources/Public/less/main.less +++ b/Resources/Public/less/main.less @@ -8473,6 +8473,9 @@ div.awesomplete li[aria-selected="true"] mark { border: 1px solid shade(@sub-navigation-border, 5%); border-width: 0 0 1px; font-size: 15px; + hyphens: auto; + // ie11 and edge hyphens polyfill + word-wrap: break-word; } @media (min-width: @screen-lg-min) { diff --git a/felayout_t3kit/dev/styles/main/nav/subNavigation.less b/felayout_t3kit/dev/styles/main/nav/subNavigation.less index f5270a20..8939761c 100644 --- a/felayout_t3kit/dev/styles/main/nav/subNavigation.less +++ b/felayout_t3kit/dev/styles/main/nav/subNavigation.less @@ -30,6 +30,9 @@ border: 1px solid shade(@sub-navigation-border, 5%); border-width: 0 0 1px; font-size: 15px; + hyphens: auto; + // ie11 and edge hyphens polyfill + word-wrap: break-word; } @media (min-width: @screen-lg-min) {