From 1d95fb39319c0b1de207846faaa01b6344ccbdd4 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Thu, 28 Nov 2024 23:40:53 +0200 Subject: [PATCH] Add transitions for tabs --- src/public/stylesheets/theme-next.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index 556515753..4f08baf70 100644 --- a/src/public/stylesheets/theme-next.css +++ b/src/public/stylesheets/theme-next.css @@ -471,6 +471,12 @@ .tab-row-widget .note-tab .note-tab-wrapper { height: var(--tab-height) !important; + transition: background 75ms ease-in, + box-shadow 75ms ease-in; +} + +.tab-row-widget .note-tab .note-tab-wrapper:hover { + transition: none; } .tab-row-widget .note-tab:nth-child(1) { @@ -485,6 +491,8 @@ .tab-row-widget .note-tab[active] .note-tab-wrapper { box-shadow: var(--active-tab-shadow); font-weight: unset !important; + transition: background 150ms ease-out, + box-shadow 300ms ease-out; } .tab-row-widget-is-sorting .note-tab-drag-handle {