From 7ec43b167b454a72efe5e35b6df82af79b759d98 Mon Sep 17 00:00:00 2001 From: danicatalan Date: Fri, 16 Sep 2016 16:35:43 +0200 Subject: [PATCH] fix text-overflow on collection title --- app/react/App/scss/layout/_header.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/app/react/App/scss/layout/_header.scss b/app/react/App/scss/layout/_header.scss index 8a09ec1105..a6c6a1c407 100644 --- a/app/react/App/scss/layout/_header.scss +++ b/app/react/App/scss/layout/_header.scss @@ -13,9 +13,6 @@ header { font-family: $f-special; font-weight: 300; margin: 0; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; width: calc(100% - 54*2px); @media(min-width: 1024px) { padding: 0 15px; @@ -24,7 +21,11 @@ header { } a { - display: inline-block; + display: block; + width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; line-height: 56px; height: 54px; color: $c-black;