fix: spreadsheet layout bugs (#3016)

* 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

View File

@ -18,7 +18,7 @@ export const ProjectEmptyState: React.FC = observer(() => {
<div className="h-full w-full grid place-items-center">
<NewEmptyState
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}
comicBox={{
title: "Issues are building blocks in Plane.",

View File

@ -77,7 +77,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 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">
<CustomMenu
customButtonClassName="!w-full"

View File

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

View File

@ -47,7 +47,7 @@ export const ViewDueDateSelect: React.FC<Props> = ({
position={tooltipPosition}
>
<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 < new Date().toISOString()

View File

@ -40,7 +40,7 @@ export const ViewStartDateSelect: React.FC<Props> = ({
tooltipContent={issue.start_date ? renderShortDateWithYearFormat(issue.start_date) ?? "N/A" : "N/A"}
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
value={issue?.start_date}
onChange={onChange}