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;
}
.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 {
float: right;
display: block;
@ -398,3 +416,5 @@
.pf-m-error p.pf-c-form__helper-text {
color: var(--pf-global--danger-color--100);
}

View File

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