Add delay to bookmark animation

chrome/userChrome.css

@@ -51,7 +51,7 @@
 	margin: auto;
 }
 
-/* Remove bookmark bar text (and extra gap) */
+/* Remove bookmark bar text */
 #personal-bookmarks .bookmark-item > .toolbarbutton-text {
 	max-width: 0;
 }
@@ -60,17 +60,18 @@
 	margin-inline-end: revert !important;
 }
 
-/* Animate bookmark bar text on hover/focus */
+/* Always show bookbar bar text for folders */
+#personal-bookmarks .bookmark-item > .toolbarbutton-icon[type="menu"] + .toolbarbutton-text {
+	max-width: none;
+}
+
+/* Animate bookmark bar text on hover */
 #personal-bookmarks .bookmark-item:is(:hover, :focus, :active) > .toolbarbutton-text {
 	max-width: inherit;
-	transition: max-width 0.5s ease-out;
+	transition: max-width 0.5s ease-out 0.2s;
 }
 
 #personal-bookmarks .bookmark-item:is(:hover, :focus, :active) > .toolbarbutton-icon:not([label=""], [type="menu"]) {
 	margin-inline-end: inherit !important;
-}
-
-/* Always show bookbar bar text for folders */
-#personal-bookmarks .bookmark-item > .toolbarbutton-icon[type="menu"] + .toolbarbutton-text {
-	max-width: none;
+	transition: margin-inline-end 0.1s linear 0.2s;
 }