mirror of
https://github.com/ansible/awx.git
synced 2026-01-16 12:20:45 -03:30
Use PF color variables in HostStatus bar
This commit is contained in:
parent
f2e1e71302
commit
9310d59e0a
@ -24,11 +24,36 @@ export default function AlertModal({
|
||||
...props
|
||||
}) {
|
||||
const variantIcons = {
|
||||
danger: <ExclamationCircleIcon size="lg" css="color: #c9190b" />,
|
||||
error: <TimesCircleIcon size="lg" css="color: #c9190b" />,
|
||||
info: <InfoCircleIcon size="lg" css="color: #73bcf7" />,
|
||||
success: <CheckCircleIcon size="lg" css="color: #92d400" />,
|
||||
warning: <ExclamationTriangleIcon size="lg" css="color: #f0ab00" />,
|
||||
danger: (
|
||||
<ExclamationCircleIcon
|
||||
size="lg"
|
||||
css="color: var(--pf-global--danger-color--100)"
|
||||
/>
|
||||
),
|
||||
error: (
|
||||
<TimesCircleIcon
|
||||
size="lg"
|
||||
css="color: var(--pf-global--danger-color--100)"
|
||||
/>
|
||||
),
|
||||
info: (
|
||||
<InfoCircleIcon
|
||||
size="lg"
|
||||
css="color: var(--pf-global--info-color--100)"
|
||||
/>
|
||||
),
|
||||
success: (
|
||||
<CheckCircleIcon
|
||||
size="lg"
|
||||
css="color: var(--pf-global--success-color--100)"
|
||||
/>
|
||||
),
|
||||
warning: (
|
||||
<ExclamationTriangleIcon
|
||||
size="lg"
|
||||
css="color: var(--pf-global--warning-color--100)"
|
||||
/>
|
||||
),
|
||||
};
|
||||
|
||||
const customHeader = (
|
||||
|
||||
@ -104,7 +104,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
|
||||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
class="sc-bdVaJa bkDjEn"
|
||||
class="sc-bdVaJa hIExGP"
|
||||
fill="currentColor"
|
||||
height="2em"
|
||||
role="img"
|
||||
@ -223,7 +223,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
|
||||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
class="sc-bdVaJa bkDjEn"
|
||||
class="sc-bdVaJa hIExGP"
|
||||
fill="currentColor"
|
||||
height="2em"
|
||||
role="img"
|
||||
@ -474,9 +474,9 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
|
||||
"componentStyle": ComponentStyle {
|
||||
"componentId": "sc-bdVaJa",
|
||||
"isStatic": true,
|
||||
"lastClassName": "bkDjEn",
|
||||
"lastClassName": "hIExGP",
|
||||
"rules": Array [
|
||||
"color: #c9190b",
|
||||
"color: var(--pf-global--danger-color--100)",
|
||||
],
|
||||
},
|
||||
"displayName": "Styled(ExclamationCircleIcon)",
|
||||
@ -493,7 +493,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
|
||||
size="lg"
|
||||
>
|
||||
<ExclamationCircleIcon
|
||||
className="sc-bdVaJa bkDjEn"
|
||||
className="sc-bdVaJa hIExGP"
|
||||
color="currentColor"
|
||||
noVerticalAlign={false}
|
||||
size="lg"
|
||||
@ -502,7 +502,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
|
||||
<svg
|
||||
aria-hidden={true}
|
||||
aria-labelledby={null}
|
||||
className="sc-bdVaJa bkDjEn"
|
||||
className="sc-bdVaJa hIExGP"
|
||||
fill="currentColor"
|
||||
height="2em"
|
||||
role="img"
|
||||
|
||||
@ -7,7 +7,7 @@ import { func, number, shape } from 'prop-types';
|
||||
import { VariablesField } from '@components/CodeMirrorInput';
|
||||
import { Form } from '@patternfly/react-core';
|
||||
import FormField, { FormSubmitError } from '@components/FormField';
|
||||
import FormActionGroup from '@components/FormActionGroup/FormActionGroup';
|
||||
import FormActionGroup from '@components/FormActionGroup';
|
||||
import { required } from '@util/validators';
|
||||
import InstanceGroupsLookup from '@components/Lookup/InstanceGroupsLookup';
|
||||
import OrganizationLookup from '@components/Lookup/OrganizationLookup';
|
||||
|
||||
@ -38,7 +38,7 @@ class JobListItem extends Component {
|
||||
<DataListCell key="status" isFilled={false}>
|
||||
{job.status && <StatusIcon status={job.status} />}
|
||||
</DataListCell>,
|
||||
<DataListCell key="name" css="display: inline-flex;">
|
||||
<DataListCell key="name">
|
||||
<span>
|
||||
<Link
|
||||
to={`/jobs/${JOB_TYPE_URL_SEGMENTS[job.type]}/${job.id}`}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user