From 330e4ffb26c60d81b76491134cf8c8b74ce17aea Mon Sep 17 00:00:00 2001 From: "byte[]" Date: Mon, 30 Dec 2019 09:05:17 -0500 Subject: [PATCH] award overflow --- .../templates/profile/_awards.html.slime | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/lib/philomena_web/templates/profile/_awards.html.slime b/lib/philomena_web/templates/profile/_awards.html.slime index 269a7659..be7834ec 100644 --- a/lib/philomena_web/templates/profile/_awards.html.slime +++ b/lib/philomena_web/templates/profile/_awards.html.slime @@ -1,5 +1,18 @@ .badges - = for award <- award_order(@awards) do + - awards = award_order(@awards) + - {awards, overflow} = Enum.split(awards, 10) + + = for award <- awards do - title = [award_title(award), award.label] |> Enum.join(" - ") .badge - = badge_image(award.badge, alt: title, title: title, width: "18", height: "18") \ No newline at end of file + = badge_image(award.badge, alt: title, title: title, width: "18", height: "18") + + = if Enum.any?(overflow) do + .dropdown + i.fa.fa-caret-down + .dropdown__content.block__header + .badges.flex--column + = for award <- overflow do + - title = [award_title(award), award.label] |> Enum.join(" - ") + .badge + = badge_image(award.badge, alt: title, title: title, width: "18", height: "18")