fix(ui5-tabcontainer): fix overflow items appearance and selection (#988)

- The icon is in the correct color for positive, negative and critical items.
- Pressing over the icon now works - it performs selection

Author: ilhan007

packages/main/src/themes/TabContainer.css

@@ -214,11 +214,16 @@
 	color: var(--_ui5_tc_overflowItem_default_color);
 }
 
+.ui5-tc__overflowItem[active] .ui5-tc__overflowItemContent {
+	color: var(--sapUiListActiveTextColor);
+}
+
 .ui5-tc__overflowItemContent {
 	display: flex;
 	align-items: center;
 	padding: 0 0.5rem;
 	height: 3rem;
+	pointer-events: none;
 }
 
 .ui5-tc__overflowItem ui5-icon {
@@ -227,6 +232,16 @@
 	padding-right: 1rem;
 }
 
+.ui5-tc__overflowItem ui5-icon {
+	color: var(--sapUiNeutralText);
+}
+
+.ui5-tc__overflowItem--positive ui5-icon, 
+.ui5-tc__overflowItem--negative ui5-icon,
+.ui5-tc__overflowItem--critical ui5-icon {
+	color: currentColor;
+}
+
 .ui5-tc__content {
 	background-color: var(--sapUiGroupContentBackground);
 	border-bottom: var(--_ui5_tc_content_border_bottom);