github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki 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 sriram veeraghanta
parent 92cb1834a5
commit 95c7403efc
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/empty-states/project.tsx
View File

@ -18,7 +18,7 @@ export const ProjectEmptyState: React.FC = observer(() => {
<div className="h-full w-full grid place-items-center"> <div className="h-full w-full grid place-items-center">
<NewEmptyState <NewEmptyState
title="Create an issue and assign it to someone, even yourself" title="Create an issue and assign it to someone, even yourself"
description="Think of issues as jobs, tasks, work, or JTBD. Which we like.An issue and its sub-issues are usually time-based actionables assigned to members of your team. Your team creates, assigns, and completes issues to move your project towards its goal." description="Think of issues as jobs, tasks, work, or JTBD. Which we like. An issue and its sub-issues are usually time-based actionables assigned to members of your team. Your team creates, assigns, and completes issues to move your project towards its goal."
image={emptyIssue} image={emptyIssue}
comicBox={{ comicBox={{
title: "Issues are building blocks in Plane.", title: "Issues are building blocks in Plane.",

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}