Cardoza_Construction/TasGrid
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

added task size guide text and ensured longer guidetext doesn't cause dropdowns to get pushed off the quick add card

Browse Source
This commit is contained in:
Timothy Cardoza
2026-02-06 10:03:43 -06:00
parent 51d0624eb1
commit 779feade9f
2 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/QuickEntry.tsx
+4 -4
View File
@@ -289,8 +289,8 @@ export const QuickEntry: Component = () => {
{/* Scrollable content area */} {/* Scrollable content area */}
<div class="flex-1 overflow-y-auto overscroll-contain"> <div class="flex-1 overflow-y-auto overscroll-contain">
{/* Row 1: Priority, Size, Urgency */} {/* Row 1: Priority, Size, Urgency */}
<div class="flex flex-col md:flex-row items-stretch md:items-center p-4 gap-4 border-b border-border bg-muted/10"> <div class="flex flex-col md:flex-row flex-wrap items-stretch md:items-center p-4 gap-4 border-b border-border bg-muted/10">
<div class="flex-1 space-y-1.5"> <div class="flex-1 min-w-0 md:min-w-[140px] space-y-1.5">
<label class="text-[10px] font-bold uppercase tracking-wider text-muted-foreground ml-1"> <label class="text-[10px] font-bold uppercase tracking-wider text-muted-foreground ml-1">
Priority <span class="text-destructive">*</span> Priority <span class="text-destructive">*</span>
</label> </label>
@@ -322,7 +322,7 @@ export const QuickEntry: Component = () => {
</Select> </Select>
</div> </div>
<div class="flex-1 space-y-1.5"> <div class="flex-1 min-w-0 md:min-w-[140px] space-y-1.5">
<label class="text-[10px] font-bold uppercase tracking-wider text-muted-foreground ml-1">Size</label> <label class="text-[10px] font-bold uppercase tracking-wider text-muted-foreground ml-1">Size</label>
<Select<any> <Select<any>
value={size()} value={size()}
@@ -352,7 +352,7 @@ export const QuickEntry: Component = () => {
</Select> </Select>
</div> </div>
<div class="flex-1 space-y-1.5"> <div class="flex-1 min-w-0 md:min-w-[140px] space-y-1.5">
<label class="text-[10px] font-bold uppercase tracking-wider text-muted-foreground ml-1"> <label class="text-[10px] font-bold uppercase tracking-wider text-muted-foreground ml-1">
Urgency <span class="text-destructive">*</span> Urgency <span class="text-destructive">*</span>
</label> </label>
src/lib/constants.ts
+11 -11
View File
@@ -37,15 +37,15 @@ export const URGENCY_HOURS: Record<number, number> = {
}; };
export const SIZE_OPTIONS = [ export const SIZE_OPTIONS = [
{ value: "10", label: "10 - Huge" }, { value: "10", label: "10 - Multiple Days" },
{ value: "9", label: "9" }, { value: "9", label: "9 - More than a day" },
{ value: "8", label: "8" }, { value: "8", label: "8 - One day" },
{ value: "7", label: "7" }, { value: "7", label: "7 - Half a day" },
{ value: "6", label: "6" }, { value: "6", label: "6 - Two hours" },
{ value: "5", label: "5" }, { value: "5", label: "5 - One hour" },
{ value: "4", label: "4" }, { value: "4", label: "4 - Forty-Five minutes" },
{ value: "3", label: "3" }, { value: "3", label: "3 - Thirty minutes" },
{ value: "2", label: "2" }, { value: "2", label: "2 - Fifteen minutes" },
{ value: "1", label: "1" }, { value: "1", label: "1 - Five minutes" },
{ value: "0", label: "0 - Tiny" } { value: "0", label: "0 - Less than a minute" }
]; ];