add bottom border to tabs

This commit is contained in:
Alex Corey
2019-05-02 13:38:51 -04:00
parent fed24ed6df
commit a3fdb4aee3
2 changed files with 39 additions and 10 deletions

View File

@@ -317,6 +317,24 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
.orgTabsContainer{
display: flex
}
.orgTabsSection{
flex-grow: 1;
border-bottom: 1px solid #d2d2d2
}
.OrgsTab-closeButton {
color: black;
float: right;
position: relative;
top: 10px;
margin: 0 10px;
right: 10px;
}
.awx-c-form-action-group { .awx-c-form-action-group {
float: right; float: right;
display: block; display: block;
@@ -398,3 +416,5 @@
.pf-m-error p.pf-c-form__helper-text { .pf-m-error p.pf-c-form__helper-text {
color: var(--pf-global--danger-color--100); color: var(--pf-global--danger-color--100);
} }

View File

@@ -112,8 +112,10 @@ class Organization extends Component {
isAdminOfThisOrg isAdminOfThisOrg
} = this.state; } = this.state;
const tabsPaddingOverride = { const tabsStyle = {
padding: '0', paddingTop: '0px',
paddingLeft: '0px',
paddingRight: '0px',
}; };
const canSeeNotificationsTab = me.is_system_auditor || isNotifAdmin || isAuditorOfThisOrg; const canSeeNotificationsTab = me.is_system_auditor || isNotifAdmin || isAuditorOfThisOrg;
@@ -141,18 +143,25 @@ class Organization extends Component {
loading ? '' loading ? ''
: ( : (
<CardHeader <CardHeader
style={tabsPaddingOverride} style={tabsStyle}
> >
<I18n> <I18n>
{({ i18n }) => ( {({ i18n }) => (
<React.Fragment> <React.Fragment>
<RoutedTabs <div className="orgTabsContainer">
match={match} <RoutedTabs
history={history} className="orgTabsSection"
labeltext={i18n._(t`Organization detail tabs`)} match={match}
tabsArray={tabsArray} history={history}
/> labeltext={i18n._(t`Organization detail tabs`)}
<CardCloseButton linkTo="/organizations" /> tabsArray={tabsArray}
/>
<div
className="orgTabsSection"
>
<CardCloseButton linkTo="/organizations" />
</div>
</div>
</React.Fragment> </React.Fragment>
)} )}
</I18n> </I18n>