thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

fix: spreadsheet layout bugs (#3016)

Browse Source 
* fix: date picker z visibility

* fix: typo in empty issue screen

* fix: spread sheet column rightmost border
This commit is contained in:
Lakhan Baheti 2023-12-07 11:59:46 +05:30 committed by GitHub
parent 8ea42aa0b6
commit 074e35525c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -77,7 +77,7 @@ export const SpreadsheetColumn: React.FC<Props> = (props) => {
const propertyDetails = SPREADSHEET_PROPERTY_DETAILS[property]; const propertyDetails = SPREADSHEET_PROPERTY_DETAILS[property];
return ( return (
<div className="relative flex flex-col h-max w-full max-w-max bg-custom-background-100"> <div className="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"> <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 <CustomMenu
customButtonClassName="!w-full" customButtonClassName="!w-full"

1
web/components/issues/issue-layouts/spreadsheet/spreadsheet-view.tsx
View File

@ -139,6 +139,7 @@ export const SpreadsheetView: React.FC<Props> = observer((props) => {
<Spinner /> <Spinner />
</div> </div>
)} )}
<div /> {/* empty div to show right most border */}
</div> </div>
<div className="border-t border-custom-border-100"> <div className="border-t border-custom-border-100">

2
web/components/issues/view-select/due-date.tsx
View File

@ -47,7 +47,7 @@ export const ViewDueDateSelect: React.FC<Props> = ({
position={tooltipPosition} position={tooltipPosition}
> >
<div <div
className={`group flex-shrink-0 relative max-w-[6.5rem] ${className} ${ className={`group flex-shrink-0 max-w-[6.5rem] ${className} ${
issue.target_date === null issue.target_date === null
? "" ? ""
: issue.target_date < new Date().toISOString() : issue.target_date < new Date().toISOString()

2
web/components/issues/view-select/start-date.tsx
View File

@ -40,7 +40,7 @@ export const ViewStartDateSelect: React.FC<Props> = ({
tooltipContent={issue.start_date ? renderShortDateWithYearFormat(issue.start_date) ?? "N/A" : "N/A"} tooltipContent={issue.start_date ? renderShortDateWithYearFormat(issue.start_date) ?? "N/A" : "N/A"}
position={tooltipPosition} position={tooltipPosition}
> >
<div className={`group flex-shrink-0 relative max-w-[6.5rem] ${className}`}> <div className={`group flex-shrink-0 max-w-[6.5rem] ${className}`}>
<CustomDatePicker <CustomDatePicker
value={issue?.start_date} value={issue?.start_date}
onChange={onChange} onChange={onChange}