fffiloni commited on
Commit
659b80e
·
verified ·
1 Parent(s): 70ed516

Upload 8 files

Browse files
Files changed (2) hide show
  1. web/static/app.css +1 -9
  2. 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,.runs-loading-dots::before,.runs-loading-dots::after{animation:none!important}
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><span class="runs-loading-dots" aria-hidden="true"></span></div>';
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;