1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-27 11:02:16 +01:00

Assigns more reasonable sizes and scaling to the change requests tabel.

This commit is contained in:
Thomas Heartman 2025-10-22 14:58:21 +02:00
parent 527d94d0fc
commit ce1e962128
No known key found for this signature in database
GPG Key ID: BD1F880DAED1EE78
3 changed files with 9 additions and 9 deletions

View File

@ -45,6 +45,7 @@ const StyledPaginatedTable = styled(
td: {
verticalAlign: 'top',
maxWidth: '250px',
},
}));
@ -105,7 +106,7 @@ const ChangeRequestsInner = () => {
columnHelper.accessor('id', {
id: 'Title',
header: 'Title',
meta: { width: '300px' },
meta: { width: '35%' },
cell: GlobalChangeRequestTitleCell,
}),
columnHelper.accessor('features', {
@ -134,20 +135,20 @@ const ChangeRequestsInner = () => {
columnHelper.accessor('createdBy', {
id: 'By',
header: 'By',
meta: { width: '180px', align: 'left' },
meta: { width: '10%' },
enableSorting: false,
cell: ({ getValue }) => <AvatarCell value={getValue()} />,
}),
columnHelper.accessor('createdAt', {
id: 'Submitted',
header: 'Submitted',
meta: { width: '100px' },
meta: { width: '5%' },
cell: ({ getValue }) => <TimeAgoCell value={getValue()} />,
}),
columnHelper.accessor('environment', {
id: 'Environment',
header: 'Environment',
meta: { width: '100px' },
meta: { width: '10%' },
cell: ({ getValue }) => (
<HighlightCell maxTitleLines={1} value={getValue()} />
),
@ -155,7 +156,7 @@ const ChangeRequestsInner = () => {
columnHelper.accessor('state', {
id: 'Status',
header: 'Status',
meta: { width: '170px' },
meta: { width: '10%' },
cell: ({ getValue, row }) => (
<ChangeRequestStatusCell value={getValue()} row={row} />
),

View File

@ -57,7 +57,7 @@ export const GlobalChangeRequestTitleCell = ({
const crPath = `${projectPath}/change-requests/${id}`;
return (
<TextCell sx={{ minWidth: '300px' }}>
<TextCell>
<LinkContainer>
<Truncator title={projectName}>
<BaseLink to={projectPath}>{projectName}</BaseLink>

View File

@ -1,16 +1,15 @@
import { Box, styled } from '@mui/material';
import { Link } from 'react-router-dom';
import type { VFC } from 'react';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { TooltipLink } from 'component/common/TooltipLink/TooltipLink';
import { useSearchHighlightContext } from 'component/common/Table/SearchHighlightContext/SearchHighlightContext';
import { Highlighter } from 'component/common/Highlighter/Highlighter';
import { Truncator } from 'component/common/Truncator/Truncator';
import type { FC } from 'react';
const StyledBox = styled(Box)(({ theme }) => ({
display: 'flex',
flexDirection: 'column',
width: '300px',
padding: theme.spacing(1, 0, 1, 2),
}));
@ -41,7 +40,7 @@ interface FeaturesCellProps {
project: string;
}
export const FeaturesCell: VFC<FeaturesCellProps> = ({ value, project }) => {
export const FeaturesCell: FC<FeaturesCellProps> = ({ value, project }) => {
const { searchQuery } = useSearchHighlightContext();
const featureNames = value?.map((feature: any) => feature.name);
return (