From 8f408d931bc17bad6703998a6e937d869fd51d26 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Thu, 1 Jul 2021 23:22:16 +0200 Subject: Improve role and player name display with long user names. --- public/common/grid.css | 23 ++++++++++++++--------- 1 file changed, 14 insertions(+), 9 deletions(-) diff --git a/public/common/grid.css b/public/common/grid.css index eb59357..46c4a7f 100644 --- a/public/common/grid.css +++ b/public/common/grid.css @@ -58,23 +58,28 @@ html, body, div { grid-column: 2; grid-row: 2; border-left: 1px solid black; - overflow-y: clip; + overflow: clip; width: 209px; } -.role_vp { +.role_name { padding-top: 3px; + padding-bottom: 3px; + padding-left: 5px; padding-right: 5px; - padding-left: 3px; + border-bottom: 1px solid black; +} + +.role_vp { float: right; } -.role_name { - padding-top: 3px; - padding-bottom: 3px; - padding-left: 25px; - text-indent: -20px; - border-bottom: 1px solid black; +.role_user { + font-style: italic; + text-align: right; + overflow: clip; + text-overflow: "..."; + white-space: nowrap; } .role .role_name::before { content: "\25cb "; opacity: 0.6; } -- cgit v1.2.3