fix footer detail hover (#260906)

Author: justschen

src/vs/workbench/contrib/chat/browser/media/chat.css

@@ -193,7 +193,8 @@
 	min-height: var(--chat-current-response-min-height);
 }
 
-.interactive-item-container.interactive-response:not(.chat-response-loading) .chat-footer-toolbar {
+.interactive-item-container.interactive-response:not(.chat-response-loading) .chat-footer-toolbar,
+.interactive-item-container.interactive-response:not(.chat-response-loading) .chat-footer-toolbar .chat-footer-details {
 	/* Complete response only */
 	display: block;
 	opacity: 0;
@@ -204,7 +205,8 @@
 
 /* Show toolbar on hover and last response */
 .interactive-item-container.interactive-response:not(.chat-response-loading):hover .chat-footer-toolbar,
-.interactive-item-container.interactive-response.chat-most-recent-response:not(.chat-response-loading) .chat-footer-toolbar {
+.interactive-item-container.interactive-response.chat-most-recent-response:not(.chat-response-loading) .chat-footer-toolbar,
+.interactive-item-container.interactive-response:not(.chat-response-loading):hover .chat-footer-toolbar .chat-footer-details {
 	opacity: 1;
 	visibility: visible;
 }
@@ -226,11 +228,6 @@
 	margin-left: auto;
 }
 
-/* Show details only on hover of the footer toolbar */
-.interactive-item-container.interactive-response:not(.chat-response-loading) .chat-footer-toolbar:hover .chat-footer-details {
-	display: block;
-}
-
 .interactive-item-container .chat-footer-details.hidden {
 	display: none !important;
 }
@@ -2458,14 +2455,17 @@ have to be updated for changes to the rules above, or to support more deeply nes
 .chat-todo-list-widget .todo-list-container {
 	padding-left: 10px;
 	margin-top: 2px;
-	max-height: calc(6.5 * 21px); /* 6.5 items to show half-line affordance */
+	max-height: calc(6.5 * 21px);
+	/* 6.5 items to show half-line affordance */
 	overflow-y: auto;
 	overscroll-behavior: contain;
 	scrollbar-width: thin;
 	scrollbar-color: var(--vscode-scrollbarSlider-background) transparent;
 	scroll-behavior: smooth;
-	scroll-padding-top: 24px; /* Half item height to show partial next item */
-	scroll-padding-bottom: 24px; /* Half item height to show partial previous item */
+	scroll-padding-top: 24px;
+	/* Half item height to show partial next item */
+	scroll-padding-bottom: 24px;
+	/* Half item height to show partial previous item */
 }
 
 /* Modern scrollbar styling for WebKit browsers */
@@ -2532,5 +2532,3 @@ have to be updated for changes to the rules above, or to support more deeply nes
 		align-items: flex-start;
 	}
 }
-
-