add bottom border to org tabs

This commit is contained in:
Alex Corey
2019-05-03 10:20:32 -04:00
parent a3fdb4aee3
commit b8b2209335
4 changed files with 17 additions and 36 deletions

View File

@@ -217,7 +217,7 @@
.pf-c-card__close {
position: absolute;
top: 10px;
top: 5px;
right: 4px;
color: var(--pf-c-button--m-plain--Color);
@@ -317,34 +317,15 @@
margin-bottom: 10px;
}
.orgTabsContainer{
.awx-orgTabs-container{
display: flex
}
.orgTabsSection{
.awx-orgTabs_bottom-border{
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;
.pf-m-danger {
margin-top: 20px;
margin-right: 20px;
}
}
//
// AlertModal styles
//

View File

@@ -148,19 +148,17 @@ class Organization extends Component {
<I18n>
{({ i18n }) => (
<React.Fragment>
<div className="orgTabsContainer">
<div className="awx-orgTabs-container">
<RoutedTabs
className="orgTabsSection"
match={match}
history={history}
labeltext={i18n._(t`Organization detail tabs`)}
tabsArray={tabsArray}
/>
<CardCloseButton linkTo="/organizations" />
<div
className="orgTabsSection"
>
<CardCloseButton linkTo="/organizations" />
</div>
className="awx-orgTabs_bottom-border"
/>
</div>
</React.Fragment>
)}