fix: let source text wrap instead of truncating with ellipsis
- Removed white-space:nowrap from .meta so source text wraps - Kept max-width:140px so description still gets the majority of space - Steps count stays on one line (nowrap only on .steps)
This commit is contained in:
+3
-3
@@ -240,14 +240,14 @@ header nav a.active { color: var(--accent-bright); border-color: rgba(0,170,255,
|
||||
font-size: 18px; font-family: var(--mono); color: var(--accent);
|
||||
flex-shrink: 0; border: 1px solid var(--border-light);
|
||||
}
|
||||
.protocol-pill .info { flex: 1 1 auto; min-width: 0; }
|
||||
.protocol-pill .info { flex: 1; min-width: 0; }
|
||||
.protocol-pill .info h3 { font-size: 14px; font-weight: bold; margin-bottom: 2px; font-family: var(--mono); word-break: break-word; }
|
||||
.protocol-pill .info p {
|
||||
font-size: 13px; color: var(--ink-soft); font-family: var(--sans);
|
||||
word-break: break-word; line-height: 1.4;
|
||||
}
|
||||
.protocol-pill .meta { font-family: var(--mono); font-size: 11px; color: var(--ink-dim); text-align: right; flex: 0 0 auto; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.protocol-pill .meta .steps { color: var(--accent); font-weight: bold; }
|
||||
.protocol-pill .meta { font-family: var(--mono); font-size: 11px; color: var(--ink-dim); text-align: right; flex: 0 0 auto; max-width: 140px; }
|
||||
.protocol-pill .meta .steps { color: var(--accent); font-weight: bold; white-space: nowrap; }
|
||||
.protocol-pill.collection {
|
||||
background: var(--ink); color: #fff; border-color: var(--accent-deep);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user