mirror of
https://github.com/ansible/awx.git
synced 2026-02-21 13:10:11 -03:30
add bottom border to tabs
This commit is contained in:
20
src/app.scss
20
src/app.scss
@@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user