jinghui/hermes-webui
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Polish version B Activity highlight sweep

Browse Source
This commit is contained in:
dobby-d-elf committed 2026-05-13 13:02:07 -06:00
1 parent f6a5fc2885
commit 11d9687483
1 file changed
+5 -5
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+5 -5
View File
@@ -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{