Christoph/GitLite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 35 Wiki Activity

add new Context Menu for file Explorer

Browse Source 
fix blocking UI
when select the file in Status also select in the file History
This commit is contained in:
Christoph Brandau
2026-07-02 16:24:38 +02:00
parent 794680a696
commit e3df75cc38
11 changed files with 399 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app.css
+41 -7
View File
@@ -12,6 +12,7 @@
--color-surface-dim: rgba(18, 18, 30, 0.9);
--color-surface-hover: rgba(47, 48, 78, 0.76);
--color-surface-raised: rgba(28, 29, 48, 0.88);
--color-surface-solid: #1c1d30;
--color-border: rgba(100, 108, 255, 0.28);
--color-border-subtle: rgba(255, 255, 255, 0.08);
@@ -274,6 +275,15 @@
}
.titlebar-brand svg { color: #ffd343; filter: drop-shadow(0 0 10px rgba(255,211,67,0.3)); flex-shrink: 0; }
.tb-version {
margin-left: 1px;
color: rgba(255,255,255,0.32);
font-size: 10px;
font-weight: 600;
font-family: var(--font-mono);
letter-spacing: 0.01em;
}
.titlebar-info {
display: flex;
align-items: center;
@@ -943,6 +953,22 @@
.file-row { display: grid; gap: 8px; padding: 10px; border: 1px solid var(--color-border-subtle); border-radius: 8px; background: var(--color-surface-raised); }
.file-row + .file-row { margin-top: 6px; }
.file-row.selected { border-color: rgba(90,140,248,0.36); background: rgba(90,140,248,0.1); }
.file-title-button {
justify-content: flex-start;
width: 100%;
min-height: 24px;
padding: 0;
border: 0;
background: transparent;
color: inherit;
text-align: left;
}
.file-title-button:hover:not(:disabled) {
background: transparent;
color: var(--color-accent);
}
.file-title strong {
display: block;
@@ -1175,8 +1201,8 @@
.branch-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.branch-context-menu {
position: absolute;
.branch-context-menu,
.explorer-context-menu {
z-index: 120;
display: grid;
gap: 2px;
@@ -1184,11 +1210,15 @@
padding: 5px;
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface);
box-shadow: 0 18px 50px rgba(0,0,0,0.35);
background: var(--color-surface-solid);
box-shadow: 0 18px 50px rgba(0,0,0,0.5);
}
.branch-context-menu button {
.branch-context-menu { position: absolute; }
.explorer-context-menu { position: fixed; }
.branch-context-menu button,
.explorer-context-menu button {
display: flex;
align-items: center;
justify-content: flex-start;
@@ -1205,7 +1235,8 @@
text-align: left;
}
.branch-context-menu button:hover:not(:disabled) {
.branch-context-menu button:hover:not(:disabled),
.explorer-context-menu button:hover:not(:disabled) {
border-color: var(--color-border-subtle);
background: rgba(255,255,255,0.06);
color: var(--color-ink);
@@ -1221,13 +1252,16 @@
color: #ffd0d6;
}
.branch-context-menu button:disabled {
.branch-context-menu button:disabled,
.explorer-context-menu button:disabled {
cursor: not-allowed;
opacity: 0.48;
}
/* --- Explorer --- */
.explorer-panel { position: relative; }
.explorer-head-actions { display: flex; align-items: center; gap: 5px; flex: 0 0 auto; }
.explorer-bulk-button {
width: 26px;