External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-08 01:47:35 -02:30
Code Issues Packages Projects Releases Wiki Activity

Use PF color variables in HostStatus bar

Browse Source
This commit is contained in:
Marliana Lara
2020-02-21 10:37:39 -05:00
parent f2e1e71302
commit 9310d59e0a
4 changed files with 38 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
awx/ui_next/src/components/AlertModal/AlertModal.jsx
View File

@@ -24,11 +24,36 @@ export default function AlertModal({
...props ...props
}) { }) {
const variantIcons = { const variantIcons = {
danger: <ExclamationCircleIcon size="lg" css="color: #c9190b" />, danger: (
error: <TimesCircleIcon size="lg" css="color: #c9190b" />, <ExclamationCircleIcon
info: <InfoCircleIcon size="lg" css="color: #73bcf7" />, size="lg"
success: <CheckCircleIcon size="lg" css="color: #92d400" />, css="color: var(--pf-global--danger-color--100)"
warning: <ExclamationTriangleIcon size="lg" css="color: #f0ab00" />, />
),
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 = ( const customHeader = (

12
awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap
View File

@@ -104,7 +104,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
> >
<svg <svg
aria-hidden="true" aria-hidden="true"
class="sc-bdVaJa bkDjEn" class="sc-bdVaJa hIExGP"
fill="currentColor" fill="currentColor"
height="2em" height="2em"
role="img" role="img"
@@ -223,7 +223,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
> >
<svg <svg
aria-hidden="true" aria-hidden="true"
class="sc-bdVaJa bkDjEn" class="sc-bdVaJa hIExGP"
fill="currentColor" fill="currentColor"
height="2em" height="2em"
role="img" role="img"
@@ -474,9 +474,9 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
"componentStyle": ComponentStyle { "componentStyle": ComponentStyle {
"componentId": "sc-bdVaJa", "componentId": "sc-bdVaJa",
"isStatic": true, "isStatic": true,
"lastClassName": "bkDjEn", "lastClassName": "hIExGP",
"rules": Array [ "rules": Array [
"color: #c9190b", "color: var(--pf-global--danger-color--100)",
], ],
}, },
"displayName": "Styled(ExclamationCircleIcon)", "displayName": "Styled(ExclamationCircleIcon)",
@@ -493,7 +493,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
size="lg" size="lg"
> >
<ExclamationCircleIcon <ExclamationCircleIcon
className="sc-bdVaJa bkDjEn" className="sc-bdVaJa hIExGP"
color="currentColor" color="currentColor"
noVerticalAlign={false} noVerticalAlign={false}
size="lg" size="lg"
@@ -502,7 +502,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
<svg <svg
aria-hidden={true} aria-hidden={true}
aria-labelledby={null} aria-labelledby={null}
className="sc-bdVaJa bkDjEn" className="sc-bdVaJa hIExGP"
fill="currentColor" fill="currentColor"
height="2em" height="2em"
role="img" role="img"

2
awx/ui_next/src/screens/Inventory/shared/InventoryForm.jsx
View File

@@ -7,7 +7,7 @@ import { func, number, shape } from 'prop-types';
import { VariablesField } from '@components/CodeMirrorInput'; import { VariablesField } from '@components/CodeMirrorInput';
import { Form } from '@patternfly/react-core'; import { Form } from '@patternfly/react-core';
import FormField, { FormSubmitError } from '@components/FormField'; import FormField, { FormSubmitError } from '@components/FormField';
import FormActionGroup from '@components/FormActionGroup/FormActionGroup'; import FormActionGroup from '@components/FormActionGroup';
import { required } from '@util/validators'; import { required } from '@util/validators';
import InstanceGroupsLookup from '@components/Lookup/InstanceGroupsLookup'; import InstanceGroupsLookup from '@components/Lookup/InstanceGroupsLookup';
import OrganizationLookup from '@components/Lookup/OrganizationLookup'; import OrganizationLookup from '@components/Lookup/OrganizationLookup';

2
awx/ui_next/src/screens/Job/JobList/JobListItem.jsx
View File

@@ -38,7 +38,7 @@ class JobListItem extends Component {
<DataListCell key="status" isFilled={false}> <DataListCell key="status" isFilled={false}>
{job.status && <StatusIcon status={job.status} />} {job.status && <StatusIcon status={job.status} />}
</DataListCell>, </DataListCell>,
<DataListCell key="name" css="display: inline-flex;"> <DataListCell key="name">
<span> <span>
<Link <Link
to={`/jobs/${JOB_TYPE_URL_SEGMENTS[job.type]}/${job.id}`} to={`/jobs/${JOB_TYPE_URL_SEGMENTS[job.type]}/${job.id}`}