Skip to content

Commit

Permalink
fix(ui5-tabcontainer): fix overflow items appearance and selection (#988
Browse files Browse the repository at this point in the history
)

- The icon is in the correct color for positive, negative and critical items.
- Pressing over the icon now works - it performs selection
  • Loading branch information
ilhan007 committed Nov 27, 2019
1 parent 6fcf259 commit 8cd2a8b
Showing 1 changed file with 15 additions and 0 deletions.
15 changes: 15 additions & 0 deletions packages/main/src/themes/TabContainer.css
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand All @@ -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);
Expand Down

0 comments on commit 8cd2a8b

Please sign in to comment.