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