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

styles: UI changes in the gantt blocks

Browse source
This commit is contained in:
gurusainath 2023-05-20 23:10:04 +05:30
parent af13a1b00a
commit c1f8766571
9 changed files with 25 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

6
apps/app/components/cycles/cycles-list-gantt-chart.tsx
View file

@ -23,9 +23,9 @@ export const CyclesListGanttChartView: FC<Props> = ({ cycles }) => {
// rendering issues on gantt card
const GanttBlockView = ({ data }: { data: ICycle }) => (
<div className="relative flex w-full h-full overflow-hidden">
<div className="flex-shrink-0 w-[4px] h-auto" style={{ backgroundColor: "#858e96" }} />
<div className="inline-block text-brand-base text-sm whitespace-nowrap py-[4px] px-1.5">
<div className="relative flex items-center w-full h-full overflow-hidden shadow-sm">
<div className="flex-shrink-0 w-[4px] h-full" style={{ backgroundColor: "#858e96" }} />
<div className="w-full text-brand-base text-[15px] whitespace-nowrap py-[4px] px-2.5 overflow-hidden">
{data?.name}
</div>
</div>

6
apps/app/components/cycles/gantt-chart.tsx
View file

@ -32,12 +32,12 @@ export const CycleIssuesGanttChartView: FC<Props> = ({}) => {
// rendering issues on gantt card
const GanttBlockView = ({ data }: any) => (
<div className="relative flex w-full h-full overflow-hidden">
<div className="relative flex items-center w-full h-full overflow-hidden shadow-sm">
<div
className="flex-shrink-0 w-[4px] h-auto"
className="flex-shrink-0 w-[4px] h-full"
style={{ backgroundColor: data?.state_detail?.color || "#858e96" }}
/>
<div className="inline-block text-brand-base text-sm whitespace-nowrap py-[4px] px-1.5">
<div className="w-full text-brand-base text-[15px] whitespace-nowrap py-[4px] px-2.5 overflow-hidden">
{data?.name}
</div>
</div>