[WEB-4431]fix: table column distribution #7819

This commit is contained in:
Vamsi Krishna 2025-09-18 20:26:09 +05:30 committed by GitHub
parent 9ede04f1b3
commit a40c73cd22
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 6 additions and 6 deletions

View File

@ -38,7 +38,7 @@ export const IssueColumn = observer((props: Props) => {
>
<td
tabIndex={0}
className="h-11 w-full min-w-36 max-w-48 text-sm after:absolute after:w-full after:bottom-[-1px] after:border after:border-custom-border-100 border-r-[1px] border-custom-border-100"
className="h-11 min-w-36 text-sm after:absolute after:w-full after:bottom-[-1px] after:border after:border-custom-border-100 border-r-[1px] border-custom-border-100"
ref={tableCellRef}
>
<Column

View File

@ -258,7 +258,7 @@ const IssueRowDetails = observer((props: IssueRowDetailsProps) => {
id={`issue-${issueId}`}
ref={cellRef}
tabIndex={0}
className="relative md:sticky left-0 z-10 group/list-block bg-custom-background-100"
className="relative md:sticky left-0 z-10 group/list-block bg-custom-background-100 min-w-60 max-w-[30vw]"
>
<ControlLink
href={workItemLink}
@ -268,7 +268,7 @@ const IssueRowDetails = observer((props: IssueRowDetailsProps) => {
>
<Row
className={cn(
"group clickable cursor-pointer h-11 w-[28rem] flex items-center text-sm after:absolute border-r-[0.5px] z-10 border-custom-border-200 bg-transparent group-[.selected-issue-row]:bg-custom-primary-100/5 group-[.selected-issue-row]:hover:bg-custom-primary-100/10",
"group clickable cursor-pointer h-11 w-full flex items-center text-sm after:absolute border-r-[0.5px] z-10 border-custom-border-200 bg-transparent group-[.selected-issue-row]:bg-custom-primary-100/5 group-[.selected-issue-row]:hover:bg-custom-primary-100/10",
{
"border-b-[0.5px]": !getIsIssuePeeked(issueDetail.id),
"border border-custom-primary-70 hover:border-custom-primary-70":

View File

@ -30,7 +30,7 @@ export const SpreadsheetHeaderColumn = observer((props: Props) => {
shouldRenderProperty={() => shouldRenderProperty}
>
<th
className="h-11 w-full min-w-36 max-w-48 items-center bg-custom-background-90 text-sm font-medium py-1 border border-b-0 border-t-0 border-custom-border-100"
className="h-11 min-w-36 items-center bg-custom-background-90 text-sm font-medium py-1 border border-b-0 border-t-0 border-custom-border-100"
ref={tableHeaderCellRef}
tabIndex={0}
>

View File

@ -45,7 +45,7 @@ export const SpreadsheetHeader = observer((props: Props) => {
<thead className="sticky top-0 left-0 z-[12] border-b-[0.5px] border-custom-border-100">
<tr>
<th
className="group/list-header sticky left-0 z-[15] h-11 w-[28rem] flex items-center gap-1 bg-custom-background-90 text-sm font-medium before:absolute before:h-full before:right-0 before:border-custom-border-100"
className="group/list-header sticky min-w-60 max-w-[30vw] left-0 z-[15] h-11 flex items-center gap-1 bg-custom-background-90 text-sm font-medium before:absolute before:h-full before:right-0 before:border-custom-border-100"
tabIndex={-1}
>
<Row>

View File

@ -104,7 +104,7 @@ export const SpreadsheetTable = observer((props: Props) => {
const displayPropertiesCount = getDisplayPropertiesCount(displayProperties, ignoreFieldsForCounting);
return (
<table className="overflow-y-auto bg-custom-background-100" onKeyDown={handleKeyBoardNavigation}>
<table className="overflow-y-auto bg-custom-background-100 w-full" onKeyDown={handleKeyBoardNavigation}>
<SpreadsheetHeader
displayProperties={displayProperties}
displayFilters={displayFilters}