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.

Fix event-title max-width in the dashboard
eaf919ec · Dominik Sander · eb2339a4 · eaf919ec
Commit eaf919ec authored Apr 01, 2015 by Dominik Sander
Hide whitespace changes
Inline Side-by-side

Showing with 2 additions and 1 deletion

events.scss app/assets/stylesheets/pages/events.scss +2 -1

No files found.
--- 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 {