orbit/orbit
orbit/orbit
0
0
Fork 0
Code Issues 3 Pull requests 5 Projects Releases Packages Wiki Activity Actions

Give the topic a full-width row so the setter's full host fits on one line

Browse source
This commit is contained in:
Jean Chevronnet 2026-07-09 19:38:56 +00:00
parent 606c212d3a
commit aa2e36007d
No known key found for this signature in database
2 changed files with 34 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/components/modals/ChanAdminModal.tsx
View file

@ -111,23 +111,7 @@ export function ChanAdminModal() {
return (
<Modal title={t('modals.chanadmin.manage', { chan })} wide onClose={() => setModal('')}>
<div className="ca-layout">
<div className="ca-main">
<div className="ca-tabs" role="tablist">
{tabBtn('overview', t('modals.chanadmin.tabOverview'))}
{tabBtn('modes', t('modals.chanadmin.tabModes'))}
</div>
{tab === 'overview' && (
<div className="ca-pane">
<div className="ca-stats">
<div className="ca-stat"><b className="ca-stat__n">{members.length}</b><span className="ca-stat__l">{t('modals.chanadmin.members')}</span></div>
<div className="ca-stat"><b className="ca-stat__n">{opCount}</b><span className="ca-stat__l">{t('modals.chanadmin.ops')}</span></div>
{buffer.createdAt ? (
<div className="ca-stat ca-stat--wide"><b className="ca-stat__n">{fmtDate(buffer.createdAt, locale)}</b><span className="ca-stat__l">{t('modals.chanadmin.created')}</span></div>
) : null}
</div>
<div className="ca-sec">
<div className="ca-sec ca-topicrow">
<h4 className="ca-h">{t('modals.chanadmin.subject')}</h4>
{editingTopic ? (
<div className="modal__actions">
@ -158,6 +142,21 @@ export function ChanAdminModal() {
</>
)}
</div>
<div className="ca-main">
<div className="ca-tabs" role="tablist">
{tabBtn('overview', t('modals.chanadmin.tabOverview'))}
{tabBtn('modes', t('modals.chanadmin.tabModes'))}
</div>
{tab === 'overview' && (
<div className="ca-pane">
<div className="ca-stats">
<div className="ca-stat"><b className="ca-stat__n">{members.length}</b><span className="ca-stat__l">{t('modals.chanadmin.members')}</span></div>
<div className="ca-stat"><b className="ca-stat__n">{opCount}</b><span className="ca-stat__l">{t('modals.chanadmin.ops')}</span></div>
{buffer.createdAt ? (
<div className="ca-stat ca-stat--wide"><b className="ca-stat__n">{fmtDate(buffer.createdAt, locale)}</b><span className="ca-stat__l">{t('modals.chanadmin.created')}</span></div>
) : null}
</div>
<div className="ca-sec">
<h4 className="ca-h">{t('modals.chanadmin.access')}</h4>

3
src/index.css
View file

@ -1488,6 +1488,9 @@ html[data-density="compact"] .sysline { padding-top: .06rem; padding-bottom: .06
.modal:has(.ca-layout) { width: min(800px, 96vw); max-height: 92vh; overflow-y: auto; }
.ca-layout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 1.4rem; }
.ca-main { min-width: 0; }
/* Topic spans the full modal width so a long nick!user@host mask (e.g. an IPv6
host) fits on one line without being truncated. */
.ca-topicrow { grid-column: 1 / -1; margin-top: 0; min-width: 0; }
.ca-banscol { min-width: 0; border-left: 1px solid var(--border-2); padding-left: 1.4rem; display: flex; flex-direction: column; }
.ca-banscol .ca-h { margin-top: 0; }
@media (max-width: 680px) {