make perspective dropdown bigger (#403)
Co-authored-by: burnettk <burnettk@users.noreply.github.com>
This commit is contained in:
parent
77f922f675
commit
23e5fde06e
|
@ -30,7 +30,7 @@ export default function Filters({
|
||||||
let reportSearchSection = null;
|
let reportSearchSection = null;
|
||||||
if (reportSearchComponent) {
|
if (reportSearchComponent) {
|
||||||
reportSearchSection = (
|
reportSearchSection = (
|
||||||
<Column sm={2} md={4} lg={7}>
|
<Column sm={3} md={7} lg={15}>
|
||||||
{reportSearchComponent()}
|
{reportSearchComponent()}
|
||||||
</Column>
|
</Column>
|
||||||
);
|
);
|
||||||
|
|
|
@ -1702,7 +1702,7 @@ export default function ProcessInstanceListTable({
|
||||||
const reportSearchComponent = () => {
|
const reportSearchComponent = () => {
|
||||||
if (showReports) {
|
if (showReports) {
|
||||||
const columns = [
|
const columns = [
|
||||||
<Column sm={2} md={4} lg={7}>
|
<Column sm={4} md={8} lg={16}>
|
||||||
<ProcessInstanceReportSearch
|
<ProcessInstanceReportSearch
|
||||||
onChange={processInstanceReportDidChange}
|
onChange={processInstanceReportDidChange}
|
||||||
selectedItem={processInstanceReportSelection}
|
selectedItem={processInstanceReportSelection}
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
import { useEffect, useState } from 'react';
|
import { useEffect, useState } from 'react';
|
||||||
import {
|
import {
|
||||||
ComboBox,
|
ComboBox,
|
||||||
Stack,
|
Grid,
|
||||||
|
Column,
|
||||||
FormLabel,
|
FormLabel,
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
} from '@carbon/react';
|
} from '@carbon/react';
|
||||||
import { truncateString } from '../helpers';
|
|
||||||
import { ProcessInstanceReport } from '../interfaces';
|
import { ProcessInstanceReport } from '../interfaces';
|
||||||
import HttpService from '../services/HttpService';
|
import HttpService from '../services/HttpService';
|
||||||
|
|
||||||
|
@ -53,9 +53,7 @@ export default function ProcessInstanceReportSearch({
|
||||||
const reportSelectionString = (
|
const reportSelectionString = (
|
||||||
processInstanceReport: ProcessInstanceReport
|
processInstanceReport: ProcessInstanceReport
|
||||||
) => {
|
) => {
|
||||||
return `${truncateString(processInstanceReport.identifier, 20)} (Id: ${
|
return `${processInstanceReport.identifier} (Id: ${processInstanceReport.id})`;
|
||||||
processInstanceReport.id
|
|
||||||
})`;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const shouldFilterProcessInstanceReport = (options: any) => {
|
const shouldFilterProcessInstanceReport = (options: any) => {
|
||||||
|
@ -70,8 +68,11 @@ export default function ProcessInstanceReportSearch({
|
||||||
|
|
||||||
if (reportsAvailable()) {
|
if (reportsAvailable()) {
|
||||||
return (
|
return (
|
||||||
<Stack orientation="horizontal" gap={2}>
|
<Grid fullWidth condensed>
|
||||||
|
<Column sm={2} md={3} lg={3}>
|
||||||
<FormLabel className="with-top-margin">{titleText}</FormLabel>
|
<FormLabel className="with-top-margin">{titleText}</FormLabel>
|
||||||
|
</Column>
|
||||||
|
<Column sm={2} md={5} lg={13}>
|
||||||
<ComboBox
|
<ComboBox
|
||||||
onChange={onChange}
|
onChange={onChange}
|
||||||
id="process-instance-report-select"
|
id="process-instance-report-select"
|
||||||
|
@ -87,7 +88,8 @@ export default function ProcessInstanceReportSearch({
|
||||||
placeholder="Choose a process instance perspective"
|
placeholder="Choose a process instance perspective"
|
||||||
selectedItem={selectedItem}
|
selectedItem={selectedItem}
|
||||||
/>
|
/>
|
||||||
</Stack>
|
</Column>
|
||||||
|
</Grid>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
return null;
|
return null;
|
||||||
|
|
Loading…
Reference in New Issue