From 11d968748314da9376aaeac1389cc058d3de4577 Mon Sep 17 00:00:00 2001 From: dobby-d-elf Date: Wed, 13 May 2026 13:02:07 -0600 Subject: [PATCH] Polish version B Activity highlight sweep --- static/style.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/static/style.css b/static/style.css index abd65bca..8bd471a2 100644 --- a/static/style.css +++ b/static/style.css @@ -1887,12 +1887,12 @@ body.resizing .sidebar{transition:none!important;} color:var(--muted); } @keyframes _tool-shimmer-sweep{ - from{-webkit-mask-position:100% 0;mask-position:100% 0;} - to{-webkit-mask-position:-200% 0;mask-position:-200% 0;} + 0%{-webkit-mask-position:100% 0;mask-position:100% 0;} + 100%{-webkit-mask-position:-200% 0;mask-position:-200% 0;} } .tool-call-group[data-live-tool-call-group="1"] .tool-call-group-label::after{ - --activity-sweep-highlight:linear-gradient(90deg,var(--accent) 0%,var(--accent) 48%,color-mix(in srgb,var(--accent) 88%,#000) 48.7%,color-mix(in srgb,var(--accent) 88%,#000) 51.3%,var(--accent) 52%,var(--accent) 100%); - --activity-sweep-mask:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 44%,rgba(0,0,0,.12) 45.3%,rgba(0,0,0,.32) 46.7%,rgba(0,0,0,.58) 48%,rgba(0,0,0,.8) 48.7%,rgba(0,0,0,.8) 51.3%,rgba(0,0,0,.58) 52%,rgba(0,0,0,.32) 53.3%,rgba(0,0,0,.12) 54.7%,rgba(0,0,0,0) 56%,rgba(0,0,0,0) 100%); + --activity-sweep-highlight:linear-gradient(90deg,var(--accent) 0%,var(--accent) 45.2%,color-mix(in srgb,var(--accent) 90%,#000) 46.5%,color-mix(in srgb,var(--accent) 90%,#000) 53.5%,var(--accent) 55%,var(--accent) 100%); + --activity-sweep-mask:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,.18) 40.8%,rgba(0,0,0,.46) 43.6%,rgba(0,0,0,.72) 46.5%,rgba(0,0,0,.9) 53.5%,rgba(0,0,0,.52) 55.8%,rgba(0,0,0,.28) 58.2%,rgba(0,0,0,.1) 60.4%,rgba(0,0,0,0) 62%,rgba(0,0,0,0) 100%); content:attr(data-sweep-label); position:absolute;inset:0; color:var(--accent); @@ -1907,7 +1907,7 @@ body.resizing .sidebar{transition:none!important;} mask-size:250% 100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; - animation:_tool-shimmer-sweep 2.0s linear infinite; + animation:_tool-shimmer-sweep 3s cubic-bezier(.45,0,.55,1) infinite; } @media (prefers-reduced-motion: reduce){ .tool-call-group[data-live-tool-call-group="1"] .tool-call-group-label::after{