Merge pull request #1267 from pikasTech/fix/issue-1261-animation-overflow
fix: constrain workbench running animation overflow
This commit is contained in:
@@ -50,7 +50,8 @@
|
|||||||
.platform-content {
|
.platform-content {
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
overflow: auto;
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -590,7 +591,8 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
overflow: auto;
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.session-tab {
|
.session-tab {
|
||||||
@@ -663,18 +665,9 @@
|
|||||||
|
|
||||||
.message-card[data-role="agent"][data-status="running"] {
|
.message-card[data-role="agent"][data-status="running"] {
|
||||||
border-color: #7dd3fc;
|
border-color: #7dd3fc;
|
||||||
background: linear-gradient(180deg, #ffffff 0%, #f8fdff 100%);
|
background:
|
||||||
}
|
linear-gradient(90deg, transparent, #0891b2, #22c55e, transparent) no-repeat -180px 0 / 180px 2px,
|
||||||
|
linear-gradient(180deg, #ffffff 0%, #f8fdff 100%);
|
||||||
.message-card[data-role="agent"][data-status="running"]::before {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 2px;
|
|
||||||
background: linear-gradient(90deg, transparent, #0891b2, #22c55e, transparent);
|
|
||||||
content: "";
|
|
||||||
transform: translateX(-100%);
|
|
||||||
animation: agent-run-scan 1.6s ease-in-out infinite;
|
animation: agent-run-scan 1.6s ease-in-out infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1200,8 +1193,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@keyframes agent-run-scan {
|
@keyframes agent-run-scan {
|
||||||
0% { transform: translateX(-100%); }
|
0% { background-position: -180px 0, 0 0; }
|
||||||
55%, 100% { transform: translateX(100%); }
|
55%, 100% { background-position: calc(100% + 180px) 0, 0 0; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes agent-run-dot {
|
@keyframes agent-run-dot {
|
||||||
|
|||||||
Reference in New Issue
Block a user