fix(vcs): refine log ref labels, row height and favorite star (#335)

Git Log ref labels use an outlined tag glyph in the ref colour instead of a solid flag; log rows are 26px with wider graph lanes and larger nodes. With Highlight › Current Branch on, commits outside HEAD are dimmed instead of the current branch being tinted. Excluded folders in the project tree get a tinted row background (Tree gains an optional rowClassName). The favorite star is a rounder shape, and the filled one has no separate outline stroke.
Цей коміт міститься в:
l0ng-ai authored and GitHub committed 2026-10-30 11:40:28 +08:00
1 джерело 15d926a5d8
коміт 95068f5885
9 files changed
+32 -18

No files matched your search

+11 -8
Переглянути файл
@@ -144,7 +144,7 @@
top: 0;
left: 0;
width: 100%;
height: 22px;
height: 26px;
display: flex;
align-items: center;
gap: 8px;
@@ -153,9 +153,10 @@
cursor: default;
font-size: var(--fs-ui);
}
/* View Options › Highlight › Current Branch (before .row:hover / .selected so they win). */
.currentBranch {
background: color-mix(in srgb, var(--accent) 7%, transparent);
/* View Options › Highlight › Current Branch: commits outside HEAD are dimmed. */
.offBranch .subject,
.offBranch .muted {
color: var(--fg-subtle);
}
.row:hover {
background: var(--bg-tree-hover);
@@ -232,6 +233,7 @@
margin-left: 0;
}
.ref {
--tag-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1.5 1.5h4.2l4.8 4.8-4.2 4.2-4.8-4.8z' fill='none' stroke='black' stroke-width='1.1' stroke-linejoin='round'/%3E%3Ccircle cx='4' cy='4' r='.9'/%3E%3C/svg%3E");
display: inline-flex;
align-items: center;
gap: 4px;
@@ -242,14 +244,15 @@
text-overflow: ellipsis;
max-width: 180px;
}
/* IDEA's branch label: a small flag in the ref's colour. */
/* Outlined tag glyph in the ref's colour. */
.ref::before {
content: "";
flex: none;
width: 7px;
height: 10px;
width: 11px;
height: 11px;
background: var(--ref-color);
clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 72%, 0 100%);
-webkit-mask: var(--tag-glyph) center / contain no-repeat;
mask: var(--tag-glyph) center / contain no-repeat;
}
.refHead {
--ref-color: var(--warning);