From a06cf6b5bf1e5705eadcba05f56c4bdfca6da690 Mon Sep 17 00:00:00 2001 From: Oliver Hamlet Date: Thu, 6 Jul 2017 21:38:20 +0100 Subject: [PATCH] Fix styling of credits for people with long names They'll now get truncated with ellipses. --- css/style.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/css/style.css b/css/style.css index 547ed91..837e958 100644 --- a/css/style.css +++ b/css/style.css @@ -71,6 +71,7 @@ nav > .divider { margin: 4px; background: white; color: inherit; + white-space: nowrap; } .loot-contributor__avatar, .loot-contributor__text { @@ -89,6 +90,13 @@ nav > .divider { text-align: center; color: rgba(0, 0, 0, 0.54); } +.loot-contributor__text { + width: calc(100% - 56px); +} +.loot-contributor__name { + overflow: hidden; + text-overflow: ellipses; +} .loot-contributor__contributions { font-size: 0.857rem; color: rgba(0, 0, 0, 0.54);