feat(ui): broad consistency sweep — sources, dates, comboboxes, milestones
Mobile + responsive - berth-form full-width on phones (was 480px fixed → overflowed iPhone) - currency-input switched to inputMode=decimal with live thousands separator - client-form Country/Timezone/Source/Preferred-Contact full-width <sm - contacts row restructured so Primary toggle + Remove get their own strip - customize-dashboard footer stacks vertically on mobile; Done full-width - interest-form client/berth pickers no longer cmdk-filter on UUID (typing "Carlos" now returns Carlos Vega instead of "No clients found") Data + consistency - SOURCES + SOURCE_LABELS + formatSource() in lib/constants; 9 surfaces now resolve interest/client source from one place - INTEREST_OUTCOMES adds lost_other (picker, badge, timeline) - Berth options natural-sort A1 → A2 → … → A10 via lib/utils/mooring-sort - archiver downgraded ^8 → ^7.0.1 so the GDPR export route compiles - TableBody last-row uses border-b-0 (not border-0); colored left-accent on the bottom berth row now renders - Hide Invite-to-Portal until port setting === true (was !== false default-show) - OwnerPicker primer query resolves entity name on first paint (no more UUID flash before the popover opens) Terminology - Replaced user-facing "Documenso" with "signing service" / "Generated EOI" / "Manual EOI" in 8 components (admin/internal references kept) - Plainer status-change copy on berth-detail-header Forms + editing - InlineEditableField gained a `date` variant (native picker); applied to company incorporation date and ready for other YYYY-MM-DD plaintext fields - Inline source picker on interest-tabs detail (was free text) - TagPicker self-hides when port has no tags AND nothing is selected - New ReminderDaysInput with preset chips (1d / 3d / 1wk / 2wk / 1mo / custom) - Compose dialog follow-up is now a toggle that reveals datetime picker Pipeline milestones - changeStageSchema accepts optional milestoneDate; service stamps it on the matching date column instead of always using now - MilestoneAdvanceButton popover collects a back-date before stage advance - Applied to every "Mark X manually" surface on the interest overview EOI / linked-berths polish - Add-bypass row aligned inline with toggle descriptions - Tooltips on "Specifically pitching" / "Mark in EOI bundle" explain their legal vs. public-map consequences Surfaces - Companies list now has the column picker + persisted hidden-column prefs - NotesList aggregate flag enabled on clients, companies, residential_clients (yachts already aggregated) ft/m unit toggle (interim, before drift fix) - "Berth size desired" gets a section-level ft/m toggle; per-field hint shows the converted value. Storage stays canonical-ft for now; the drift-safe persistence migration is the next step. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -17,8 +17,8 @@
|
||||
--secondary-foreground: 0 0% 100%;
|
||||
--muted: 210 11% 96%; /* #f1f3f5 */
|
||||
--muted-foreground: 228 10% 49%; /* #71768a */
|
||||
--accent: 190 18% 60%; /* #83aab1 */
|
||||
--accent-foreground: 0 0% 100%;
|
||||
--accent: 213 60% 95%; /* #eef3fb — soft brand-blue tint for hover/focus */
|
||||
--accent-foreground: 224 39% 19%; /* dark navy text for contrast on light bg */
|
||||
--destructive: 0 65% 51%; /* #d32f2f */
|
||||
--destructive-foreground: 0 0% 100%;
|
||||
--border: 227 10% 82%; /* #cdcfd6 */
|
||||
@@ -58,8 +58,8 @@
|
||||
--secondary-foreground: 227 10% 82%;
|
||||
--muted: 224 39% 18%;
|
||||
--muted-foreground: 228 10% 49%;
|
||||
--accent: 190 18% 50%;
|
||||
--accent-foreground: 0 0% 100%;
|
||||
--accent: 224 39% 24%; /* subtle elevation above card for hover/focus */
|
||||
--accent-foreground: 227 10% 91%; /* light text on dark accent */
|
||||
--destructive: 0 72% 63%;
|
||||
--destructive-foreground: 0 0% 100%;
|
||||
--border: 224 35% 28%;
|
||||
@@ -91,6 +91,11 @@
|
||||
|
||||
body {
|
||||
@apply bg-background text-foreground font-sans antialiased;
|
||||
/* Suppress iOS Safari's default black tap-highlight overlay so our
|
||||
* explicit `active:bg-accent` styles are the only press effect.
|
||||
* Without this, every tap on a mobile button/link flashes a muddy
|
||||
* dark rectangle on top of whatever active style we set. */
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
/* Wave watermark - subtle background texture for auth pages */
|
||||
@@ -208,3 +213,59 @@ div.recharts-responsive-container:focus-visible,
|
||||
--tw-ring-color: transparent !important;
|
||||
--tw-ring-offset-color: transparent !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Vaul drawer (bottom-direction) animation timing override.
|
||||
*
|
||||
* Vaul's defaults feel slightly snappy when the drawer is full-screen
|
||||
* (mobile search overlay) — the snap-on / snap-off reads as janky at
|
||||
* scale. We slow it down and use a softer easing curve (ease-out-quint)
|
||||
* which decelerates smoothly without the elastic kick.
|
||||
*
|
||||
* Scoped to mobile drawers via the data-vaul-drawer-direction attr so
|
||||
* the smaller MoreSheet drawer keeps its punchier default.
|
||||
*
|
||||
* The overlay's opacity transition is matched to the same duration so
|
||||
* the backdrop and drawer stay in sync.
|
||||
*/
|
||||
[data-vaul-drawer][data-vaul-drawer-direction='bottom'] {
|
||||
transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1) !important;
|
||||
}
|
||||
[data-vaul-drawer][data-vaul-drawer-direction='bottom'][data-state='closed'] {
|
||||
transition: transform 380ms cubic-bezier(0.4, 0, 0.2, 1) !important;
|
||||
}
|
||||
[data-vaul-overlay] {
|
||||
transition: opacity 480ms cubic-bezier(0.22, 1, 0.36, 1) !important;
|
||||
}
|
||||
[data-vaul-overlay][data-state='closed'] {
|
||||
transition: opacity 380ms cubic-bezier(0.4, 0, 0.2, 1) !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* GPU compositing hints for Vaul drawers.
|
||||
*
|
||||
* `will-change: transform` tells the browser to promote the drawer to
|
||||
* its own composite layer ahead of the animation, so the swipe-drag
|
||||
* transforms run on the GPU instead of triggering re-paints. Without
|
||||
* this, Safari sometimes defers layer creation until the first frame
|
||||
* of the drag, producing the visible "jump" reps were seeing when
|
||||
* flicking the drawer down to close.
|
||||
*
|
||||
* `backface-visibility: hidden` keeps the layer flat and prevents
|
||||
* sub-pixel jitter during the spring-physics close animation.
|
||||
*
|
||||
* `contain: layout style paint` isolates the drawer's render tree
|
||||
* from the rest of the document — repaints inside the drawer (e.g.
|
||||
* focus-state changes on a button) don't invalidate the parent.
|
||||
*/
|
||||
[data-vaul-drawer] {
|
||||
will-change: transform;
|
||||
backface-visibility: hidden;
|
||||
contain: layout style paint;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
[data-vaul-overlay] {
|
||||
will-change: opacity;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user