From 8fbe3a4b0f497ab48e64f3ea1ec8dbba4881e2bd Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 25 Oct 2021 15:37:32 +0900 Subject: [PATCH] Add: Animate - Sidebar --- userChrome.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/userChrome.css b/userChrome.css index 7f83353..ae78f3a 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2008,6 +2008,25 @@ transition: border-color 0.5s var(--animation-easing-function), background-color 1s var(--animation-easing-function) !important; } + /*- Sidebar ----------------------------------------------------------------*/ + #sidebar-box { + /* like #sidebar-box > #sidebar */ + min-width: 14em; + width: 18em; + max-width: 36em; + + /* Animation */ + transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out, visibility 0s linear !important; + + } + #sidebar-box[hidden="true"] { + display: -moz-box !important; + margin-inline-start: -18em; + opacity: 0; + visibility: collapse; + transition-delay: 0s, 0s, 0.25s !important; + } + /*- Expand - Synced Tabs ---------------------------------------------------*/ @-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml") {