<p></p>
<p dir="auto">Wide tables might be harder to read, but truncated content is impossible to read at all. <em>Reason for block</em> column can't have any meaningful amount of text in it. Now you see "Please contact OSM's Data W...", "Temporary account block - p..." or something like "Hello , ...", but you already can see the username in another column. I wanted to use <a href="https://getbootstrap.com/docs/5.1/helpers/text-truncation/" rel="nofollow">https://getbootstrap.com/docs/5.1/helpers/text-truncation/</a> in this column.</p>
<p dir="auto">You can always make the browser window smaller, and get a narrower table. But you can't do the opposite thing. See also <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="267396027" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/1656" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/1656/hovercard?comment_id=340909364&comment_type=issue_comment" href="https://github.com/openstreetmap/openstreetmap-website/pull/1656#issuecomment-340909364">#1656 (comment)</a></p>
<blockquote>
<p dir="auto">or move the mouse along one line to click the show button</p>
</blockquote>
<p dir="auto">Does this table need <em>show</em> buttons? You can have a link from <em>Reason</em> to the block page. Maybe the <em>edit</em> and <em>revoke</em> buttons can also be removed and/or placed on individual block pages.</p>
<p dir="auto">Maybe the username column can also be truncated.</p>
<blockquote>
<p dir="auto">There is also a strong argument that if something needs more than 960px for a single piece of content (e.g. a table with lots of columns) then it's going to need a more major redesign, in order to work on narrower screens too.</p>
</blockquote>
<p dir="auto">Is it a statement about the existing design, which doesn't work well even with 960px in case there's a long username? What I want to add in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1864305331" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/4200" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/4200/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/pull/4200">#4200</a> doesn't require more space. Except for trying to make the <em>Reason</em> column to grow, but that is not included in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1864305331" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/4200" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/4200/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/pull/4200">#4200</a>.</p>
<p dir="auto">What if column are reordered and <em>Reason</em> is the last column and it grows to full browser window width, revealing more text? Would you still say that truncating it is better?</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4199#issuecomment-1699963607">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLK7QPJBCHSZOPE2MALXX7A5BANCNFSM6AAAAAA34EDLLU">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLNUATTNF45V3NXQWT3XX7A5BA5CNFSM6AAAAAA34EDLLWWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTTFKNRNO.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/4199/c1699963607</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/4199#issuecomment-1699963607",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/4199#issuecomment-1699963607",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>