mirror of
https://github.com/gosticks/plane.git
synced 2025-10-16 12:45:33 +00:00
[WEB-4431]fix: table column distribution #7819
This commit is contained in:
parent
9ede04f1b3
commit
a40c73cd22
@ -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
|
||||
|
||||
@ -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":
|
||||
|
||||
@ -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}
|
||||
>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user