From eaf919ec7ded9efb8fd46318c39c92059410d378 Mon Sep 17 00:00:00 2001 From: Dominik Sander Date: Wed, 1 Apr 2015 23:49:34 +0200 Subject: Fix event-title max-width in the dashboard For view port sizes between 1260px and 1200px pixels the event-title was too wide, thus not truncated and got pushed into a second line. 100% - 174px was chosen as the max-width because 141px is the widest .event-item-timestamp can get (with 'less than a minute ago') + 24px for the avatar + 8px avatar margin + 1px to fit into the gap. --- app/assets/stylesheets/pages/events.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'app/assets/stylesheets/pages/events.scss') diff --git a/app/assets/stylesheets/pages/events.scss b/app/assets/stylesheets/pages/events.scss index 83daea10ed5..d4af7506d5b 100644 --- a/app/assets/stylesheets/pages/events.scss +++ b/app/assets/stylesheets/pages/events.scss @@ -45,7 +45,8 @@ padding: 12px 0px; border-bottom: 1px solid #eee; .event-title { - @include str-truncated(72%); + max-width: 70%; + @include str-truncated(calc(100% - 174px)); font-weight: 500; font-size: 14px; .author_name { -- cgit v1.2.1