Upload 8 files
Browse files- web/static/app.css +1 -9
- web/static/runs.js +1 -1
web/static/app.css
CHANGED
|
@@ -730,11 +730,7 @@ to{transform:translateX(100%)}
|
|
| 730 |
.runs-table.is-loading{position:relative;min-height:78px;border-color:#bfdbfe!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 0 0 3px rgba(37,99,235,.06),0 10px 26px rgba(15,23,42,.045)!important;animation:runs-table-loading-border 1.4s ease-in-out infinite}
|
| 731 |
.runs-table.is-loading::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(59,130,246,.10),transparent);transform:translateX(-100%);animation:runs-table-loading-sweep 1.45s ease-in-out infinite}
|
| 732 |
.runs-loading-state{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:76px;padding:14px;color:#1d4ed8;font-size:12px;font-weight:900}
|
| 733 |
-
.runs-loading-state strong{display:inline-block;min-width:76px;text-align:left}
|
| 734 |
.runs-loading-orb{width:10px;height:10px;border-radius:999px;background:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.16);animation:runs-loading-orb-pulse 1.1s ease-in-out infinite}
|
| 735 |
-
.runs-loading-dots{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;width:18px;height:1em;flex:0 0 18px}
|
| 736 |
-
.runs-loading-dots::before,.runs-loading-dots::after{content:"";display:block;width:3px;height:3px;border-radius:999px;background:currentColor;opacity:.28;transform:scale(.7);box-shadow:6px 0 0 currentColor,12px 0 0 currentColor;animation:runs-loading-dots 1.1s ease-in-out infinite}
|
| 737 |
-
.runs-loading-dots::after{position:absolute;left:0;opacity:.22;filter:blur(.4px);animation-delay:.18s}
|
| 738 |
@keyframes runs-table-loading-border{0%,100%{border-color:#dbeafe;box-shadow:0 0 0 2px rgba(37,99,235,.04),0 8px 22px rgba(15,23,42,.04)}
|
| 739 |
50%{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.09),0 12px 28px rgba(37,99,235,.07)}
|
| 740 |
}
|
|
@@ -744,10 +740,6 @@ to{transform:translateX(100%)}
|
|
| 744 |
@keyframes runs-loading-orb-pulse{0%,100%{transform:scale(1);opacity:.78}
|
| 745 |
50%{transform:scale(1.22);opacity:1}
|
| 746 |
}
|
| 747 |
-
@keyframes runs-loading-dots{0%,100%{opacity:.22;transform:scale(.68)}
|
| 748 |
-
45%{opacity:.82;transform:scale(.86)}
|
| 749 |
-
70%{opacity:.45;transform:scale(.76)}
|
| 750 |
-
}
|
| 751 |
.run-row.run-list-item{display:grid!important;grid-template-columns:12px minmax(0,1fr) auto 28px!important;gap:12px!important;align-items:center!important;padding:13px 12px!important;min-width:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;cursor:pointer;transition:background .14s ease,box-shadow .14s ease}
|
| 752 |
.run-row.run-list-item+.run-row.run-list-item{border-top:1px solid #eef2f7!important}
|
| 753 |
.run-row.run-list-item:hover{background:#f8fbff!important;transform:none!important;box-shadow:none!important}
|
|
@@ -1478,7 +1470,7 @@ to{transform:translateX(110%)}
|
|
| 1478 |
@keyframes delete-modal-icon-pulse{0%,100%{transform:scale(1)}
|
| 1479 |
50%{transform:scale(1.04)}
|
| 1480 |
}
|
| 1481 |
-
@media (prefers-reduced-motion:reduce){.center-stack.is-run-loading>.center-tabs,.center-stack.is-run-loading>.center-tab-panel.active,.delete-run-modal.is-deleting .delete-run-card,.delete-run-modal.is-deleting .delete-run-card::after,.delete-run-modal.is-deleting .delete-run-icon,.runs-table.is-loading,.runs-table.is-loading::after,.runs-loading-orb
|
| 1482 |
}
|
| 1483 |
.run-row.run-list-item.is-loading{position:relative;border-color:#bfdbfe!important;background:linear-gradient(180deg,#eff6ff 0%,#fff 72%)!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important;overflow:hidden}
|
| 1484 |
.run-row.run-list-item.is-loading::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(59,130,246,.12),transparent);transform:translateX(-100%);animation:run-selection-sweep 1.2s ease-in-out infinite}
|
|
|
|
| 730 |
.runs-table.is-loading{position:relative;min-height:78px;border-color:#bfdbfe!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 0 0 3px rgba(37,99,235,.06),0 10px 26px rgba(15,23,42,.045)!important;animation:runs-table-loading-border 1.4s ease-in-out infinite}
|
| 731 |
.runs-table.is-loading::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(59,130,246,.10),transparent);transform:translateX(-100%);animation:runs-table-loading-sweep 1.45s ease-in-out infinite}
|
| 732 |
.runs-loading-state{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:76px;padding:14px;color:#1d4ed8;font-size:12px;font-weight:900}
|
|
|
|
| 733 |
.runs-loading-orb{width:10px;height:10px;border-radius:999px;background:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.16);animation:runs-loading-orb-pulse 1.1s ease-in-out infinite}
|
|
|
|
|
|
|
|
|
|
| 734 |
@keyframes runs-table-loading-border{0%,100%{border-color:#dbeafe;box-shadow:0 0 0 2px rgba(37,99,235,.04),0 8px 22px rgba(15,23,42,.04)}
|
| 735 |
50%{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.09),0 12px 28px rgba(37,99,235,.07)}
|
| 736 |
}
|
|
|
|
| 740 |
@keyframes runs-loading-orb-pulse{0%,100%{transform:scale(1);opacity:.78}
|
| 741 |
50%{transform:scale(1.22);opacity:1}
|
| 742 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
| 743 |
.run-row.run-list-item{display:grid!important;grid-template-columns:12px minmax(0,1fr) auto 28px!important;gap:12px!important;align-items:center!important;padding:13px 12px!important;min-width:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;cursor:pointer;transition:background .14s ease,box-shadow .14s ease}
|
| 744 |
.run-row.run-list-item+.run-row.run-list-item{border-top:1px solid #eef2f7!important}
|
| 745 |
.run-row.run-list-item:hover{background:#f8fbff!important;transform:none!important;box-shadow:none!important}
|
|
|
|
| 1470 |
@keyframes delete-modal-icon-pulse{0%,100%{transform:scale(1)}
|
| 1471 |
50%{transform:scale(1.04)}
|
| 1472 |
}
|
| 1473 |
+
@media (prefers-reduced-motion:reduce){.center-stack.is-run-loading>.center-tabs,.center-stack.is-run-loading>.center-tab-panel.active,.delete-run-modal.is-deleting .delete-run-card,.delete-run-modal.is-deleting .delete-run-card::after,.delete-run-modal.is-deleting .delete-run-icon,.runs-table.is-loading,.runs-table.is-loading::after,.runs-loading-orb{animation:none!important}
|
| 1474 |
}
|
| 1475 |
.run-row.run-list-item.is-loading{position:relative;border-color:#bfdbfe!important;background:linear-gradient(180deg,#eff6ff 0%,#fff 72%)!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important;overflow:hidden}
|
| 1476 |
.run-row.run-list-item.is-loading::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(59,130,246,.12),transparent);transform:translateX(-100%);animation:run-selection-sweep 1.2s ease-in-out infinite}
|
web/static/runs.js
CHANGED
|
@@ -744,7 +744,7 @@ function bindRunRowEvents(root){
|
|
| 744 |
});
|
| 745 |
}
|
| 746 |
function runsLoadingMarkup(){
|
| 747 |
-
return '<div class="runs-loading-state"><span class="runs-loading-orb"></span><strong>Loading runs</strong><
|
| 748 |
}
|
| 749 |
function setRunsExplorerLoading(loading){
|
| 750 |
const noCachedRuns=!validRunsList(state.runsCache||[]).length;
|
|
|
|
| 744 |
});
|
| 745 |
}
|
| 746 |
function runsLoadingMarkup(){
|
| 747 |
+
return '<div class="runs-loading-state"><span class="runs-loading-orb"></span><strong>Loading runs</strong></div>';
|
| 748 |
}
|
| 749 |
function setRunsExplorerLoading(loading){
|
| 750 |
const noCachedRuns=!validRunsList(state.runsCache||[]).length;
|