USEFULL/drone
1
0
Fork 0
mirror of https://github.com/harness/drone.git synced 2025-05-31 11:43:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: [code-682]: fix overlapping issues in tables (#259)

Browse Source
This commit is contained in:
Calvin Lee 2023-08-01 18:07:12 +00:00 committed by Harness
parent 39a7de6382
commit 70cf2df96a
3 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/pages/Repository/RepositoryContent/FolderContent/FolderContent.tsx
View File

@ -27,6 +27,7 @@ export function FolderContent({
Cell: ({ row }: CellProps<OpenapiContentInfo>) => { Cell: ({ row }: CellProps<OpenapiContentInfo>) => {
return ( return (
<Text <Text
lineClamp={1}
className={css.rowText} className={css.rowText}
color={Color.BLACK} color={Color.BLACK}
icon={isFile(row.original) ? CodeIcon.File : CodeIcon.Folder} icon={isFile(row.original) ? CodeIcon.File : CodeIcon.Folder}
@ -47,6 +48,7 @@ export function FolderContent({
role="button" role="button"
color={Color.BLACK} color={Color.BLACK}
lineClamp={1} lineClamp={1}
padding={{ right: 'small' }}
className={css.rowText} className={css.rowText}
onClick={() => { onClick={() => {
history.push( history.push(

3
web/src/pages/RepositoryBranches/RepositoryBranchesContent/BranchesContent/BranchesContent.tsx
View File

@ -60,6 +60,7 @@ export function BranchesContent({ repoMetadata, searchTerm = '', branches, onDel
Cell: ({ row }: CellProps<RepoBranch>) => { Cell: ({ row }: CellProps<RepoBranch>) => {
return ( return (
<Text <Text
lineClamp={1}
className={cx(css.rowText, row.original?.name === repoMetadata.default_branch ? css.defaultBranch : '')} className={cx(css.rowText, row.original?.name === repoMetadata.default_branch ? css.defaultBranch : '')}
color={Color.BLACK}> color={Color.BLACK}>
<Link <Link
@ -101,7 +102,7 @@ export function BranchesContent({ repoMetadata, searchTerm = '', branches, onDel
width: '200px', width: '200px',
Cell: ({ row }: CellProps<RepoBranch>) => { Cell: ({ row }: CellProps<RepoBranch>) => {
return ( return (
<Text className={css.rowText} color={Color.BLACK} tag="div"> <Text lineClamp={1} className={css.rowText} color={Color.BLACK} tag="div">
<Avatar hoverCard={false} size="small" name={row.original.commit?.author?.identity?.name || ''} /> <Avatar hoverCard={false} size="small" name={row.original.commit?.author?.identity?.name || ''} />
<span className={css.spacer} /> <span className={css.spacer} />
{formatDate(row.original.commit?.author?.when as string)} {formatDate(row.original.commit?.author?.when as string)}

2
web/src/pages/RepositoryTags/TagsContent/TagsContent.tsx
View File

@ -93,7 +93,7 @@ export function TagsContent({ repoMetadata, searchTerm = '', branches, onDeleteS
width: '15%', width: '15%',
Cell: ({ row }: CellProps<RepoCommitTag>) => { Cell: ({ row }: CellProps<RepoCommitTag>) => {
return ( return (
<Text className={css.rowText} color={Color.BLACK} tag="div"> <Text lineClamp={1} className={css.rowText} color={Color.BLACK} tag="div">
{row.original.tagger?.identity?.name ? ( {row.original.tagger?.identity?.name ? (
<Avatar hoverCard={false} size="small" name={row.original.tagger?.identity?.name || ''} /> <Avatar hoverCard={false} size="small" name={row.original.tagger?.identity?.name || ''} />
) : ( ) : (