1
0
mirror of https://github.com/ansible/awx.git synced 2024-10-30 22:21:13 +03:00

A better fix for the tab bottom border

This commit is contained in:
mabashian 2019-08-29 16:19:54 -04:00
parent 7c81ec0df5
commit 7ae9e13321

View File

@ -19,7 +19,7 @@ const Tabs = styled(PFTabs)`
}
}
&::before {
&:not(.pf-c-tabs__item)::before {
position: absolute;
top: 0;
right: 0;
@ -30,12 +30,6 @@ const Tabs = styled(PFTabs)`
border-width: var(--pf-c-tabs__item--BorderWidth) 0
var(--pf-c-tabs__item--BorderWidth) 0;
}
// The above pseudo element is being applied to the tab items as well
// I couldn't figure out how to only apply it to .pf-c-tabs
.pf-c-tabs__item::before {
content: none;
}
`;
function RoutedTabs(props) {