Separate prompted modal section with divider and fix user word-wrap

This commit is contained in:
Marliana Lara 2020-04-14 15:08:37 -04:00
parent f957ef7249
commit 2524e8af47
No known key found for this signature in database
GPG Key ID: 38C73B40DFA809EE
2 changed files with 8 additions and 2 deletions

View File

@ -2,10 +2,15 @@ import React from 'react';
import { node, string } from 'prop-types';
import { Trans } from '@lingui/macro';
import { Link } from 'react-router-dom';
import styled from 'styled-components';
import { formatDateString } from '@util/dates';
import Detail from './Detail';
import _Detail from './Detail';
import { SummaryFieldUser } from '../../types';
const Detail = styled(_Detail)`
word-break: break-word;
`;
function UserDateDetail({ label, date, user, dataCy = null }) {
const dateStr = formatDateString(date);
const username = user ? user.username : '';

View File

@ -6,7 +6,7 @@ import { Link } from 'react-router-dom';
import styled from 'styled-components';
import { toTitleCase } from '@util/strings';
import { Chip, ChipGroup } from '@patternfly/react-core';
import { Chip, ChipGroup, Divider } from '@patternfly/react-core';
import { VariablesDetail } from '@components/CodeMirrorInput';
import CredentialChip from '@components/CredentialChip';
import { DetailList, Detail, UserDateDetail } from '@components/DetailList';
@ -200,6 +200,7 @@ function PromptDetail({ i18n, resource, launchConfig = {} }) {
{hasPromptData(launchConfig) && hasOverrides && (
<>
<Divider css="margin-top: var(--pf-global--spacer--lg)" />
<PromptHeader>{i18n._(t`Prompted Values`)}</PromptHeader>
<DetailList aria-label="Prompt Overrides">
{overrides?.job_type && (