mirror of
https://github.com/ansible/awx.git
synced 2024-11-01 08:21:15 +03:00
Fix page header styles, search icon, and vertical separator
This commit is contained in:
parent
e7ec1c6ef8
commit
b640203f88
@ -578,10 +578,31 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
|
|||||||
tabIndex={null}
|
tabIndex={null}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
<i
|
<SearchIcon
|
||||||
aria-hidden="true"
|
color="currentColor"
|
||||||
className="fas fa-search"
|
size="sm"
|
||||||
/>
|
title={null}
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden={true}
|
||||||
|
aria-labelledby={null}
|
||||||
|
fill="currentColor"
|
||||||
|
height="1em"
|
||||||
|
role="img"
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"verticalAlign": "-0.125em",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
viewBox="0 0 512 512"
|
||||||
|
width="1em"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
|
||||||
|
transform=""
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</SearchIcon>
|
||||||
</button>
|
</button>
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -77,11 +77,9 @@ class DataListToolbar extends React.Component {
|
|||||||
/>
|
/>
|
||||||
</ToolbarItem>
|
</ToolbarItem>
|
||||||
</ToolbarGroup>
|
</ToolbarGroup>
|
||||||
{ (showExpandCollapse || additionalControls.length) ? (
|
|
||||||
<VerticalSeparator />
|
|
||||||
) : null}
|
|
||||||
{showExpandCollapse && (
|
{showExpandCollapse && (
|
||||||
<Fragment>
|
<Fragment>
|
||||||
|
<VerticalSeparator />
|
||||||
<ToolbarGroup>
|
<ToolbarGroup>
|
||||||
<ExpandCollapse
|
<ExpandCollapse
|
||||||
isCompact={isCompact}
|
isCompact={isCompact}
|
||||||
|
@ -105,10 +105,4 @@
|
|||||||
color: #d2d2d2;
|
color: #d2d2d2;
|
||||||
}
|
}
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pf-l-toolbar > div {
|
|
||||||
&:last-child{
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
}
|
|
@ -10,6 +10,9 @@ import {
|
|||||||
DropdownItem,
|
DropdownItem,
|
||||||
TextInput
|
TextInput
|
||||||
} from '@patternfly/react-core';
|
} from '@patternfly/react-core';
|
||||||
|
import {
|
||||||
|
SearchIcon
|
||||||
|
} from '@patternfly/react-icons';
|
||||||
|
|
||||||
class Search extends React.Component {
|
class Search extends React.Component {
|
||||||
constructor (props) {
|
constructor (props) {
|
||||||
@ -103,7 +106,7 @@ class Search extends React.Component {
|
|||||||
aria-label={i18n._(t`Search`)}
|
aria-label={i18n._(t`Search`)}
|
||||||
onClick={this.handleSearch}
|
onClick={this.handleSearch}
|
||||||
>
|
>
|
||||||
<i className="fas fa-search" aria-hidden="true" />
|
<SearchIcon />
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
Loading…
Reference in New Issue
Block a user