Skip to content

Commit 4f776a7

Browse files
Georgi2704DutchBen
Georgi2704
authored and
DutchBen
committed
Use pixels for all columns in wfo tables
1 parent 55c0f37 commit 4f776a7

File tree

6 files changed

+42
-28
lines changed

6 files changed

+42
-28
lines changed

‎packages/orchestrator-ui-components/src/components/WfoProcessList/WfoProcessesList.tsx‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -104,7 +104,7 @@ export const WfoProcessesList = ({
104104
workflowName: {
105105
columnType: ColumnType.DATA,
106106
label: t('workflowName'),
107-
width: '20%',
107+
width: '225px',
108108
renderData: (value, { processId }) => (
109109
<Link href={`${PATH_WORKFLOWS}/${processId}`}>{value}</Link>
110110
),
@@ -113,46 +113,46 @@ export const WfoProcessesList = ({
113113
lastStep: {
114114
columnType: ColumnType.DATA,
115115
label: t('step'),
116-
width: '15%',
116+
width: '375px',
117117
},
118118
lastStatus: {
119119
columnType: ColumnType.DATA,
120120
label: t('status'),
121-
width: '100',
122121
renderData: (cellValue) => (
123122
<WfoProcessStatusBadge processStatus={cellValue} />
124123
),
124+
width: '150px',
125125
},
126126
workflowTarget: {
127127
columnType: ColumnType.DATA,
128128
label: t('workflowTarget'),
129-
width: '100',
130129
renderData: (target) => <WfoWorkflowTargetBadge target={target} />,
130+
width: '100px',
131131
},
132132
tag: {
133133
columnType: ColumnType.DATA,
134134
label: t('productTag'),
135-
width: '100',
135+
width: '100px',
136136
},
137137
productName: {
138138
columnType: ColumnType.DATA,
139139
label: t('product'),
140-
width: '10%',
140+
width: '275px',
141141
},
142142
customer: {
143143
columnType: ColumnType.DATA,
144144
label: t('customer'),
145-
width: '10%',
145+
width: '250px',
146146
},
147147
customerAbbreviation: {
148148
columnType: ColumnType.DATA,
149149
label: t('customerAbbreviation'),
150-
width: '10%',
150+
width: '125px',
151151
},
152152
subscriptions: {
153153
columnType: ColumnType.DATA,
154154
label: t('subscriptions'),
155-
width: '15%',
155+
width: '425px',
156156
renderData: ({ page: subscriptions }) => (
157157
<WfoProcessListSubscriptionsCell
158158
subscriptions={subscriptions}
@@ -176,25 +176,25 @@ export const WfoProcessesList = ({
176176
createdBy: {
177177
columnType: ColumnType.DATA,
178178
label: t('createdBy'),
179-
width: '10%',
179+
width: '100px',
180180
},
181181
assignee: {
182182
columnType: ColumnType.DATA,
183183
label: t('assignee'),
184-
width: '5%',
184+
width: '100px',
185185
},
186186
processId: {
187187
columnType: ColumnType.DATA,
188188
label: t('processId'),
189-
width: '90',
189+
width: '90px',
190190
renderData: (value) => <WfoFirstPartUUID UUID={value} />,
191191
renderDetails: (value) => value,
192192
renderTooltip: (value) => value,
193193
},
194194
startedAt: {
195195
columnType: ColumnType.DATA,
196196
label: t('started'),
197-
width: '100',
197+
width: '100px',
198198
renderData: (value) => <WfoDateTime dateOrIsoString={value} />,
199199
renderDetails: parseDateToLocaleDateTimeString,
200200
clipboardText: parseDateToLocaleDateTimeString,
@@ -203,7 +203,7 @@ export const WfoProcessesList = ({
203203
lastModifiedAt: {
204204
columnType: ColumnType.DATA,
205205
label: t('lastModified'),
206-
width: '100',
206+
width: '125px',
207207
renderData: (value) => <WfoDateTime dateOrIsoString={value} />,
208208
renderDetails: parseDateToLocaleDateTimeString,
209209
clipboardText: parseDateToLocaleDateTimeString,

‎packages/orchestrator-ui-components/src/pages/metadata/WfoProductBlocksPage.tsx‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -95,14 +95,15 @@ export const WfoProductBlocksPage = () => {
9595
productBlockId: {
9696
columnType: ColumnType.DATA,
9797
label: t('id'),
98-
width: '90',
98+
width: '90px',
9999
renderData: (value) => <WfoFirstPartUUID UUID={value} />,
100100
renderDetails: (value) => value,
101101
renderTooltip: (value) => value,
102102
},
103103
name: {
104104
columnType: ColumnType.DATA,
105105
label: t('name'),
106+
width: '300px',
106107
renderData: (name) => (
107108
<WfoProductBlockBadge badgeType={BadgeType.PRODUCT_BLOCK}>
108109
{name}
@@ -112,6 +113,7 @@ export const WfoProductBlocksPage = () => {
112113
tag: {
113114
columnType: ColumnType.DATA,
114115
label: t('tag'),
116+
width: '120px',
115117
},
116118
description: {
117119
columnType: ColumnType.DATA,
@@ -148,6 +150,7 @@ export const WfoProductBlocksPage = () => {
148150
resourceTypes: {
149151
columnType: ColumnType.DATA,
150152
label: t('resourceTypes'),
153+
width: '700px',
151154
renderData: (resourceTypes) => (
152155
<>
153156
{resourceTypes.map((resourceType, index) => (
@@ -183,6 +186,7 @@ export const WfoProductBlocksPage = () => {
183186
createdAt: {
184187
columnType: ColumnType.DATA,
185188
label: t('createdAt'),
189+
width: '120px',
186190
renderData: (date) => <WfoDateTime dateOrIsoString={date} />,
187191
renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
188192
clipboardText: parseIsoString(parseDateToLocaleDateTimeString),
@@ -191,6 +195,7 @@ export const WfoProductBlocksPage = () => {
191195
endDate: {
192196
columnType: ColumnType.DATA,
193197
label: t('endDate'),
198+
width: '120px',
194199
renderData: (date) => <WfoDateTime dateOrIsoString={date} />,
195200
renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
196201
clipboardText: parseIsoString(parseDateToLocaleDateTimeString),

‎packages/orchestrator-ui-components/src/pages/metadata/WfoProductsPage.tsx‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -92,15 +92,15 @@ export const WfoProductsPage = () => {
9292
productId: {
9393
columnType: ColumnType.DATA,
9494
label: t('id'),
95-
width: '90',
95+
width: '90px',
9696
renderData: (value) => <WfoFirstPartUUID UUID={value} />,
9797
renderDetails: (value) => value,
9898
renderTooltip: (value) => value,
9999
},
100100
name: {
101101
columnType: ColumnType.DATA,
102102
label: t('name'),
103-
width: '200',
103+
width: '200px',
104104
renderData: (name) => (
105105
<WfoProductBlockBadge badgeType={BadgeType.PRODUCT}>
106106
{name}
@@ -110,7 +110,7 @@ export const WfoProductsPage = () => {
110110
tag: {
111111
columnType: ColumnType.DATA,
112112
label: t('tag'),
113-
width: '120',
113+
width: '120px',
114114
renderData: (value) => (
115115
<WfoProductBlockBadge badgeType={BadgeType.PRODUCT_TAG}>
116116
{value}
@@ -120,22 +120,24 @@ export const WfoProductsPage = () => {
120120
description: {
121121
columnType: ColumnType.DATA,
122122
label: t('description'),
123-
width: '400',
123+
width: '400px',
124124
renderTooltip: (value) => value,
125125
},
126126
productType: {
127127
columnType: ColumnType.DATA,
128128
label: t('productType'),
129+
width: '250px',
129130
},
130131
status: {
131132
columnType: ColumnType.DATA,
132133
label: t('status'),
133-
width: '90',
134+
width: '90px',
134135
renderData: (value) => <WfoProductStatusBadge status={value} />,
135136
},
136137
fixedInputs: {
137138
columnType: ColumnType.DATA,
138139
label: t('fixedInputs'),
140+
width: '400px',
139141
renderData: (fixedInputs) => (
140142
<>
141143
{fixedInputs.map((fixedInput, index) => (
@@ -159,6 +161,7 @@ export const WfoProductsPage = () => {
159161
productBlocks: {
160162
columnType: ColumnType.DATA,
161163
label: t('productBlocks'),
164+
width: '250px',
162165
renderData: (productBlocks) => (
163166
<>
164167
{productBlocks.map((block, index) => (

‎packages/orchestrator-ui-components/src/pages/metadata/WfoResourceTypesPage.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -88,15 +88,15 @@ export const WfoResourceTypesPage = () => {
8888
resourceTypeId: {
8989
columnType: ColumnType.DATA,
9090
label: t('resourceId'),
91-
width: '90',
91+
width: '90px',
9292
renderData: (value) => <WfoFirstPartUUID UUID={value} />,
9393
renderDetails: (value) => value,
9494
renderTooltip: (value) => value,
9595
},
9696
resourceType: {
9797
columnType: ColumnType.DATA,
9898
label: t('type'),
99-
width: '200',
99+
width: '225px',
100100
renderData: (value) => (
101101
<WfoProductBlockBadge badgeType={BadgeType.RESOURCE_TYPE}>
102102
{value}
@@ -106,10 +106,12 @@ export const WfoResourceTypesPage = () => {
106106
description: {
107107
columnType: ColumnType.DATA,
108108
label: t('description'),
109+
width: '700px',
109110
},
110111
productBlocks: {
111112
columnType: ColumnType.DATA,
112113
label: t('usedInProductBlocks'),
114+
width: '1000px',
113115
renderData: (productBlocks) => (
114116
<>
115117
{productBlocks.map((productBlock, index) => (

‎packages/orchestrator-ui-components/src/pages/metadata/WfoTasksPage.tsx‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -105,21 +105,23 @@ export const WfoTasksPage = () => {
105105
{name}
106106
</WfoProductBlockBadge>
107107
),
108+
width: '300px',
108109
},
109110
description: {
110111
columnType: ColumnType.DATA,
111112
label: t('description'),
112-
width: '40%',
113+
width: '500px',
113114
},
114115
target: {
115116
columnType: ColumnType.DATA,
116117
label: t('target'),
117118
renderData: (target) => <WfoWorkflowTargetBadge target={target} />,
119+
width: '100px',
118120
},
119121
productTags: {
120122
columnType: ColumnType.DATA,
121123
label: t('productTags'),
122-
width: '20%',
124+
width: '250px',
123125
renderData: (productTags) => (
124126
<>
125127
{productTags
@@ -160,7 +162,7 @@ export const WfoTasksPage = () => {
160162
createdAt: {
161163
columnType: ColumnType.DATA,
162164
label: t('createdAt'),
163-
width: '15%',
165+
width: '150px',
164166
renderData: (date) => <WfoDateTime dateOrIsoString={date} />,
165167
renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
166168
clipboardText: parseIsoString(parseDateToLocaleDateTimeString),

‎packages/orchestrator-ui-components/src/pages/metadata/WfoWorkflowsPage.tsx‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -111,21 +111,23 @@ export const WfoWorkflowsPage = () => {
111111
{name}
112112
</WfoProductBlockBadge>
113113
),
114+
width: '350px',
114115
},
115116
description: {
116117
columnType: ColumnType.DATA,
117118
label: t('description'),
118-
width: '40%',
119+
width: '450px',
119120
},
120121
target: {
121122
columnType: ColumnType.DATA,
122123
label: t('target'),
123124
renderData: (target) => <WfoWorkflowTargetBadge target={target} />,
125+
width: '100px',
124126
},
125127
productTags: {
126128
columnType: ColumnType.DATA,
127129
label: t('productTags'),
128-
width: '20%',
130+
width: '300px',
129131
renderData: (productTags) => (
130132
<>
131133
{productTags
@@ -166,7 +168,7 @@ export const WfoWorkflowsPage = () => {
166168
createdAt: {
167169
columnType: ColumnType.DATA,
168170
label: t('createdAt'),
169-
width: '15%',
171+
width: '100px',
170172
renderData: (date) => <WfoDateTime dateOrIsoString={date} />,
171173
renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
172174
clipboardText: parseIsoString(parseDateToLocaleDateTimeString),

0 commit comments

Comments
 (0)