binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: spreadsheet layout improvement (#2677)

Browse source 
* style: spreadsheet column width fix

* style: spreadsheet label column styling

* chore: spreadsheet layout issue properties improvement

* fix: build error
This commit is contained in:
Anmol Singh Bhatia 2023-11-07 15:58:00 +05:30 • committed by GitHub
parent 98974fdc50
commit 93d03f82b4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 77 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/components/issues/issue-layouts/spreadsheet/columns/attachment-column.tsx
View file

@ -18,7 +18,7 @@ export const SpreadsheetAttachmentColumn: React.FC<Props> = (props) => {
return (
<>
<div className="flex items-center justify-center text-xs h-full w-full">
<div className="flex items-center px-2.5 py-1 text-xs h-full w-full">
{issue.attachment_count} {issue.attachment_count === 1 ? "attachment" : "attachments"}
</div>

3
web/components/issues/issue-layouts/spreadsheet/columns/due-date-column.tsx
View file

@ -24,8 +24,7 @@ export const SpreadsheetDueDateColumn: React.FC<Props> = ({ issue, onChange, exp
<ViewDueDateSelect
issue={issue}
onChange={(val) => onChange({ target_date: val })}
className="!h-full !w-full max-w-full px-2.5 py-1 flex items-center"
buttonClassName="!h-full !w-full !shadow-none px-2.5"
className="flex items-center px-2.5 py-1 !h-full !w-full max-w-full"
noBorder
disabled={disabled}
/>

2
web/components/issues/issue-layouts/spreadsheet/columns/label-column.tsx
View file

@ -29,7 +29,7 @@ export const SpreadsheetLabelColumn: React.FC<Props> = (props) => {
value={issue.labels}
onChange={(data) => onChange({ labels: data })}
className="h-full w-full"
buttonClassName="!shadow-none !border-0 h-full w-full px-2.5 py-1 "
buttonClassName="px-2.5 h-full"
noLabelBorder
hideDropdownArrow
maxRender={1}

2
web/components/issues/issue-layouts/spreadsheet/columns/link-column.tsx
View file

@ -18,7 +18,7 @@ export const SpreadsheetLinkColumn: React.FC<Props> = (props) => {
return (
<>
<div className="flex items-center justify-center text-xs h-full w-full">
<div className="flex items-center px-2.5 py-1 text-xs h-full w-full">
{issue.link_count} {issue.link_count === 1 ? "link" : "links"}
</div>

3
web/components/issues/issue-layouts/spreadsheet/columns/start-date-column.tsx
View file

@ -24,8 +24,7 @@ export const SpreadsheetStartDateColumn: React.FC<Props> = ({ issue, onChange, e
<ViewStartDateSelect
issue={issue}
onChange={(val) => onChange({ start_date: val })}
className="!h-full !w-full max-w-full px-2.5 py-1 flex items-center"
buttonClassName="!h-full !w-full !shadow-none px-2.5"
className="flex items-center px-2.5 py-1 !h-full !w-full max-w-full"
noBorder
disabled={disabled}
/>

2
web/components/issues/issue-layouts/spreadsheet/columns/sub-issue-column.tsx
View file

@ -18,7 +18,7 @@ export const SpreadsheetSubIssueColumn: React.FC<Props> = (props) => {
return (
<>
<div className="flex items-center justify-center text-xs h-full w-full">
<div className="flex items-center px-2.5 py-1 text-xs h-full w-full">
{issue.sub_issues_count} {issue.sub_issues_count === 1 ? "sub-issue" : "sub-issues"}
</div>

2
web/components/issues/issue-layouts/spreadsheet/spreadsheet-column.tsx
View file

@ -84,7 +84,7 @@ export const SpreadsheetColumn: React.FC<Props> = (props) => {
const propertyDetails = SPREADSHEET_PROPERTY_DETAILS[property];
return (
<div className="relative flex flex-col h-max w-full bg-custom-background-100">
<div className="relative flex flex-col h-max w-full max-w-max bg-custom-background-100">
<div className="flex items-center min-w-[8rem] px-4 py-1 text-sm font-medium z-[1] h-11 w-full sticky top-0 bg-custom-background-90 border border-l-0 border-custom-border-100">
<CustomMenu
customButtonClassName="!w-full"