From 592a7fe771433d4a1a01e11db127b675b063fb8c Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Sat, 22 Mar 2025 01:28:53 +0200 Subject: [PATCH] style(next)/floating buttons: update the highlight animation --- src/public/stylesheets/theme-next/shell.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 57b545622..fe85afdc5 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1464,14 +1464,17 @@ div.floating-buttons-children .close-floating-buttons:has(.close-floating-button @keyframes floating-button-highlight { from { - opacity: .25; + background: var(--floating-button-background); + color: var(--floating-button-color); } to { - opacity: 1; + background: var(--floating-button-hover-background); + color: var(--floating-button-hover-color); } } .floating-buttons .bx-tada { - animation: floating-button-highlight 300ms linear alternate-reverse infinite; + /* The class is applied for 1700ms */ + animation: floating-button-highlight 425ms ease-in-out alternate infinite; } .floating-buttons .bx-tada::before {