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

feat(repo-tabs): add context menu for managing repository tabs

Browse Source 
This update introduces a context menu for repository tabs, allowing users
to easily close individual tabs, close all other tabs, or close tabs to the
right. Additionally, several visual elements related to loading animations
have been removed to streamline the user interface.

- Implement context menu actions for repository tab management
- Remove unnecessary loading animations from the splash screen and overlays
- Enhance user experience with improved tab management functionality
This commit is contained in:
Christoph Brandau
2026-07-08 15:34:30 +02:00
parent cc179e9eef
commit 8793d3de40
5 changed files with 124 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app.css
+12 -24
View File
@@ -1671,7 +1671,8 @@
.branch-context-menu,
.history-context-menu,
.explorer-context-menu {
.explorer-context-menu,
.repo-tab-context-menu {
z-index: 120;
display: grid;
gap: 2px;
@@ -1685,11 +1686,13 @@
.branch-context-menu,
.history-context-menu { position: absolute; }
.explorer-context-menu { position: fixed; }
.explorer-context-menu,
.repo-tab-context-menu { position: fixed; }
.branch-context-menu button,
.history-context-menu button,
.explorer-context-menu button {
.explorer-context-menu button,
.repo-tab-context-menu button {
display: flex;
align-items: center;
justify-content: flex-start;
@@ -1708,14 +1711,16 @@
.branch-context-menu button:hover:not(:disabled),
.history-context-menu button:hover:not(:disabled),
.explorer-context-menu button:hover:not(:disabled) {
.explorer-context-menu button:hover:not(:disabled),
.repo-tab-context-menu button:hover:not(:disabled) {
border-color: var(--color-border-subtle);
background: rgba(255,255,255,0.06);
color: var(--color-ink);
}
.branch-context-menu .menu-separator,
.history-context-menu .menu-separator {
.history-context-menu .menu-separator,
.repo-tab-context-menu .menu-separator {
height: 1px;
margin: 4px 3px;
background: var(--color-border-subtle);
@@ -1733,7 +1738,8 @@
.branch-context-menu button:disabled,
.history-context-menu button:disabled,
.explorer-context-menu button:disabled {
.explorer-context-menu button:disabled,
.repo-tab-context-menu button:disabled {
cursor: not-allowed;
opacity: 0.48;
}
@@ -2223,18 +2229,6 @@
animation: fhl-icon-float 2.4s ease-in-out infinite;
}
.file-history-loading-sheen {
position: absolute;
z-index: 2;
width: 54px;
height: 82px;
border-radius: 50%;
background: linear-gradient(90deg, transparent 8%, rgba(255, 255, 255, 0.16), transparent 72%);
mix-blend-mode: screen;
transform: translateX(-48px) rotate(16deg);
animation: fhl-icon-sheen 2.8s ease-in-out infinite;
}
.file-history-loading-label {
color: var(--color-ink-faint);
font-size: 12.5px;
@@ -2267,11 +2261,6 @@
0%, 100% { transform: translateY(0) scale(1); }
50% { transform: translateY(-3px) scale(1.02); }
}
@keyframes fhl-icon-sheen {
0%, 18% { transform: translateX(-48px) rotate(16deg); opacity: 0; }
44% { opacity: 0.8; }
68%, 100% { transform: translateX(50px) rotate(16deg); opacity: 0; }
}
@keyframes fhl-trace-draw {
0% { stroke-dashoffset: 92; opacity: 0; }
36% { opacity: 1; }
@@ -2286,7 +2275,6 @@
.file-history-loading-halo,
.file-history-loading-traces .fhl-trace,
.file-history-loading-icon,
.file-history-loading-sheen,
.file-history-loading-bar span { animation: none; }
.file-history-loading-traces .fhl-trace { stroke-dashoffset: 0; opacity: 0.72; }
}