fix(timeline): prevent spotlight items from wrapping #1496

mozilla · Oct 18, 2016 · 6f6a20f · 6f6a20f
1 parent 10e920f
commit 6f6a20f
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/content-src/styles/variables.scss b/content-src/styles/variables.scss
@@ -75,7 +75,14 @@ $spotlight-description-height: 34px;
 $spotlight-title-max-height: 36px;
 $spotlight-title-margin-bottom: 2px;
 
-$timeline-max-width: 3 * $spotlight-item-width + 20px * 2;
+// Nasty hack to patch changes from the new highlight view
+// https://github.com/mozilla/activity-stream/issues/1190
+// that regressed the timeline layout.  This keeps the timeline box big enough
+// to prevent the spotlight items from wrapping now that the .spotlight-list
+// box has flex-wrap set to "wrap".
+$timeline-updated-highlights-fudge-factor: 8px;
+
+$timeline-max-width: 3 * $spotlight-item-width + 20px * 2 + $timeline-updated-highlights-fudge-factor;
 
 $site-icon-border-radius: 3px;