fix: minor sidebar animations issues

Author: chrisgrieser

source/4-user-interface/sidebars.css

@@ -26,16 +26,9 @@
 ──────────────────────────────────────────────────── */
 
 body:not(.show-sidebar-header-buttons) :is(.mod-left-split, .mod-right-split) {
-	:is(
-			.workspace-tab-header-container,
-			.workspace-tab-header-container *,
-			.workspace-tab-header,
-			.workspace-tab-header svg
-		) {
+	:is(.workspace-tab-header-container, .workspace-tab-header-container-inner) {
 		transition: var(--anim-duration-moderate);
 		transition-delay: var(--transition-delay-passing-over-protection);
-		/* so transition of hovering the tab itself does not get delayed */
-		transition-property: opacity, height, background-color;
 	}
 
 	.workspace-tabs {
@@ -44,9 +37,7 @@ body:not(.show-sidebar-header-buttons) :is(.mod-left-split, .mod-right-split) {
 			height: var(--sidebar-tabs-unhovered-height);
 		}
 
-		&.mod-top
-			.workspace-tab-header-container:not(:hover)
-			.workspace-tab-header-container-inner {
+		&.mod-top .workspace-tab-header-container:not(:hover) .workspace-tab-header-container-inner {
 			opacity: 0;
 		}
 
@@ -68,11 +59,7 @@ body:is(.mod-windows, .mod-linux) {
 		height: 35px;
 	}
 
-	&.is-hidden-frameless:not(
-			.is-grabbing,
-			.is-fullscreen,
-			.show-sidebar-header-buttons
-		)
+	&.is-hidden-frameless:not(.is-grabbing, .is-fullscreen, .show-sidebar-header-buttons)
 		.mod-top
 		.workspace-tab-header-container {
 		-webkit-app-region: no-drag;
@@ -98,7 +85,7 @@ body:not(.show-sidebar-toggle-buttons) .sidebar-toggle-button {
 
 :is(.mod-right-split, .mod-left-split)
 	.workspace-tabs:not(.mod-top)
-	.workspace-tab-header-container:not(:hover) {
+	.workspace-tab-header-container {
 	background-color: var(--bg2);
 }