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:
parent
527d94d0fc
commit
ce1e962128
@ -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} />
|
||||
),
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 (
|
||||
|
||||
Loading…
Reference in New Issue
Block a user