Style: close icon highlights on tab hover (#12806)

This fixes a small issue where the close icon is highlighted when mouse hovers over tab instead of over button only. Signed-By: Fernando Ascencio <fernando.ascencio.cama@ericsson.com>
eclipse-theia · Aug 17, 2023 · f84e7d6 · f84e7d6
1 parent 8ef8e2d
commit f84e7d6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/core/src/browser/style/tabs.css b/packages/core/src/browser/style/tabs.css
@@ -254,8 +254,8 @@
 }
 
 .p-TabBar.theia-app-centers
-  .p-TabBar-tab:hover.p-mod-closable
-  > .p-TabBar-tabCloseIcon {
+  .p-TabBar-tab.p-mod-closable
+  > .p-TabBar-tabCloseIcon:hover {
   border-radius: 5px;
   background-color: rgba(50%, 50%, 50%, 0.2);
 }