External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-04-04 17:55:06 -02:30
Code Issues Packages Projects Releases Wiki Activity

A better fix for the tab bottom border

Browse Source
This commit is contained in:
mabashian
2019-08-29 16:19:54 -04:00
parent 7c81ec0df5
commit 7ae9e13321
1 changed files with 1 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
awx/ui_next/src/components/RoutedTabs/RoutedTabs.jsx
View File

@@ -19,7 +19,7 @@ const Tabs = styled(PFTabs)`
} }
} }
&::before { &:not(.pf-c-tabs__item)::before {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
@@ -30,12 +30,6 @@ const Tabs = styled(PFTabs)`
border-width: var(--pf-c-tabs__item--BorderWidth) 0 border-width: var(--pf-c-tabs__item--BorderWidth) 0
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) { function RoutedTabs(props) {