Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-04-02 00:09:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #303499 from microsoft/mrleemurray/sessions-panel-animations

Browse Source 
Sessions: add panel animations
This commit is contained in:
Lee Murray
2026-03-20 19:48:50 +00:00
committed by GitHub
parent 1e6a57bfb4 25c64d1821
commit dd92840b18
1 changed files with 45 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/vs/sessions/browser/media/style.css
View File

@@ -22,6 +22,7 @@
.agent-sessions-workbench .part.sidebar {
background: var(--vscode-sideBar-background);
border-right: 1px solid var(--vscode-sideBar-border, transparent);
animation: sessions-card-enter-left 250ms cubic-bezier(0.0, 0.0, 0.2, 1) both;
}
.agent-sessions-workbench .part.auxiliarybar {
@@ -29,6 +30,7 @@
background: var(--part-background);
border: 1px solid var(--part-border-color, transparent);
border-radius: 8px;
animation: sessions-card-enter-right 250ms cubic-bezier(0.0, 0.0, 0.2, 1) both;
}
.agent-sessions-workbench .part.panel {
@@ -36,6 +38,49 @@
background: var(--part-background);
border: 1px solid var(--part-border-color, transparent);
border-radius: 8px;
animation: sessions-card-enter-up 250ms cubic-bezier(0.0, 0.0, 0.2, 1) both;
}
/* Card entrance animations */
@keyframes sessions-card-enter-left {
from {
opacity: 0;
transform: translateX(-12px) scale(0.97);
}
to {
opacity: 1;
transform: translateX(0) scale(1);
}
}
@keyframes sessions-card-enter-right {
from {
opacity: 0;
transform: translateX(12px) scale(0.97);
}
to {
opacity: 1;
transform: translateX(0) scale(1);
}
}
@keyframes sessions-card-enter-up {
from {
opacity: 0;
transform: translateY(12px) scale(0.97);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
@media (prefers-reduced-motion: reduce) {
.agent-sessions-workbench .part.sidebar,
.agent-sessions-workbench .part.auxiliarybar,
.agent-sessions-workbench .part.panel {
animation: none;
}
}
/* Grid background matches the chat bar / sidebar background */