Use PF color variables in HostStatus bar

This commit is contained in:
Marliana Lara 2020-02-21 10:37:39 -05:00
parent f2e1e71302
commit 9310d59e0a
No known key found for this signature in database
GPG Key ID: 38C73B40DFA809EE
4 changed files with 38 additions and 13 deletions

View File

@ -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 = (

View File

@ -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"

View File

@ -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';

View File

@ -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}`}