From 6d82905ad4d240c5370f9f0af183d6fe83ee2762 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 21 Mar 2025 04:12:12 +0200 Subject: [PATCH] style(next)/floating buttons: tweak --- src/public/stylesheets/theme-next/shell.css | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 8251e2c22..b87bba69b 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1356,7 +1356,7 @@ div.floating-buttons .show-floating-buttons-button { height: var(--floating-button-show-hide-button-size); padding: 0; border: 0; - font-size: calc(var(--floating-button-show-hide-button-size) * .75); + font-size: calc(var(--floating-button-show-hide-button-size) * .8); } div.floating-buttons .show-floating-buttons-button { @@ -1364,11 +1364,19 @@ div.floating-buttons .show-floating-buttons-button { background: var(--left-pane-item-action-button-background); color: var(--left-pane-item-action-button-color); backdrop-filter: blur(10px); + animation: floating-buttons-show-hide-button-animation 400ms ease-out; } -div.floating-buttons-children .close-floating-buttons-button::before, -div.floating-buttons .show-floating-buttons-button::before { - content: "\eab4"; +@keyframes floating-buttons-show-hide-button-animation { + from { + transform: rotate(180deg); + } to { + transform: rotate(0); + } +} + +div.floating-buttons-children:not(.temporarily-hidden) .close-floating-buttons-button { + animation: floating-buttons-show-hide-button-animation 400ms ease-out; } div.floating-buttons-children .close-floating-buttons-button {