style improvements
Msrc/styles/main.css
| @@ -1045,6 +1045,12 @@ | |||
|---|---|---|---|
| 1045 | 1045 | border-bottom: 1px solid var(--color-border); | |
| 1046 | 1046 | line-height: 1.3; | |
| 1047 | 1047 | } | |
| 1048 | + | .commit-card-subject-empty { | |
| 1049 | + | color: var(--color-text-muted); | |
| 1050 | + | font-style: italic; | |
| 1051 | + | font-weight: 400; | |
| 1052 | + | font-size: var(--text-sm); | |
| 1053 | + | } | |
| 1048 | 1054 | .commit-card-body { | |
| 1049 | 1055 | padding: var(--space-4) var(--space-6); | |
| 1050 | 1056 | font-family: inherit; | |
| @@ -1596,8 +1602,9 @@ | |||
|---|---|---|---|
| 1596 | 1602 | .issue-detail-header { | |
| 1597 | 1603 | display: flex; | |
| 1598 | 1604 | align-items: center; | |
| 1605 | + | flex-wrap: wrap; | |
| 1599 | 1606 | gap: var(--space-3); | |
| 1600 | - | margin-bottom: var(--space-6); | |
| 1607 | + | margin-bottom: var(--space-4); | |
| 1601 | 1608 | } | |
| 1602 | 1609 | .issue-number { | |
| 1603 | 1610 | font-size: var(--text-2xl); | |
| @@ -1614,6 +1621,7 @@ | |||
|---|---|---|---|
| 1614 | 1621 | margin-left: auto; | |
| 1615 | 1622 | display: flex; | |
| 1616 | 1623 | gap: var(--space-2); | |
| 1624 | + | flex-shrink: 0; | |
| 1617 | 1625 | } | |
| 1618 | 1626 | .patch-author-meta { | |
| 1619 | 1627 | display: flex; | |
| @@ -1754,7 +1762,7 @@ | |||
|---|---|---|---|
| 1754 | 1762 | } | |
| 1755 | 1763 | .title-with-edit { | |
| 1756 | 1764 | flex: 1; | |
| 1757 | - | min-width: 0; | |
| 1765 | + | min-width: 16rem; | |
| 1758 | 1766 | display: flex; | |
| 1759 | 1767 | flex-direction: column; | |
| 1760 | 1768 | gap: var(--space-1); | |
| @@ -2226,7 +2234,7 @@ | |||
|---|---|---|---|
| 2226 | 2234 | color: #fff; | |
| 2227 | 2235 | } | |
| 2228 | 2236 | .btn-danger:hover { | |
| 2229 | - | filter: brightness(0.9); | |
| 2237 | + | background: color-mix(in srgb, var(--color-danger) 85%, #000); | |
| 2230 | 2238 | } | |
| 2231 | 2239 | ||
| 2232 | 2240 | /* --- Release list items --- */ | |
Msrc/views/patches/PatchDetail.tsx
| @@ -214,14 +214,6 @@ export function PatchDetail({ | |||
|---|---|---|---|
| 214 | 214 | </div> | |
| 215 | 215 | )} | |
| 216 | 216 | </div> | |
| 217 | - | <div class="patch-author-meta"> | |
| 218 | - | <span class="patch-author-label">git author:</span> | |
| 219 | - | <span class="patch-author-identity"> | |
| 220 | - | {escapeHtml( | |
| 221 | - | `${patch.author_name} <${patch.author_email}>`, | |
| 222 | - | )} | |
| 223 | - | </span> | |
| 224 | - | </div> | |
| 225 | 217 | </div> | |
| 226 | 218 | ||
| 227 | 219 | {/* Subview tabs */} | |
| @@ -459,8 +451,8 @@ export function PatchDetail({ | |||
|---|---|---|---|
| 459 | 451 | ) : ( | |
| 460 | 452 | <div> | |
| 461 | 453 | <div class="commit-card"> | |
| 462 | - | <h2 class="commit-card-subject"> | |
| 463 | - | {escapeHtml(patchMeta.subject)} | |
| 454 | + | <h2 class={`commit-card-subject${patchMeta.subject ? "" : " commit-card-subject-empty"}`}> | |
| 455 | + | {patchMeta.subject ? escapeHtml(patchMeta.subject) : "No commit message"} | |
| 464 | 456 | </h2> | |
| 465 | 457 | {patchMeta.body && ( | |
| 466 | 458 | <pre class="commit-card-body"> | |
Msrc/views/repos/CommitDetail.tsx
| @@ -49,7 +49,9 @@ export function CommitDetail({ | |||
|---|---|---|---|
| 49 | 49 | ||
| 50 | 50 | {/* Commit metadata card */} | |
| 51 | 51 | <div class="commit-card"> | |
| 52 | - | <h2 class="commit-card-subject">{meta.subject}</h2> | |
| 52 | + | <h2 class={`commit-card-subject${meta.subject ? "" : " commit-card-subject-empty"}`}> | |
| 53 | + | {meta.subject || "No commit message"} | |
| 54 | + | </h2> | |
| 53 | 55 | {meta.body && ( | |
| 54 | 56 | <pre class="commit-card-body">{meta.body}</pre> | |
| 55 | 57 | )} | |