Login mobile/PWA conformance (v0.1.0:96)
The v95 mobile-first redesign covered the 4 core surfaces but skipped the login/first-admin screen, which still used desktop-only `height: 100vh` and a fixed centered card with no screen gutters or safe-area handling. On an installed iOS PWA (viewport-fit=cover, fixed black status bar) the centered card could tuck under the status bar, and on small phones the panel ran edge-to-edge. CSS-only fix, scoped to the login surface (no markup/JS/schema change; desktop login untouched): - `.login-container`: 100vh -> min-height 100dvh (+ vh fallback) so the dynamic viewport and standalone PWA chrome are respected. - New <768px media query: 16px screen gutters + env(safe-area-inset) top/bottom clearance, full-bleed card, and touch-sized fields (inputs 46px/15px, button 46px). - `.login-card`: add the §4 card depth shadow to match `.section`. Closes the login-surface half of the known PWA status-bar collision risk.
This commit is contained in:
Keysat
+24
-1
@@ -1853,7 +1853,8 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
min-height: 100vh; /* fallback for browsers without dvh */
|
||||
min-height: 100dvh; /* dynamic viewport: iOS address-bar collapse + standalone PWA */
|
||||
background-color: var(--bg-base);
|
||||
}
|
||||
|
||||
@@ -1864,6 +1865,7 @@
|
||||
padding: 32px;
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
box-shadow: 0 14px 26px rgba(2, 12, 24, 0.28), inset 0 1px 0 #ffffff07; /* match .section card depth (§4) */
|
||||
}
|
||||
|
||||
.login-title {
|
||||
@@ -1920,6 +1922,27 @@
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
/* Login predates the mobile-first redesign; bring it to §8:
|
||||
16px gutters, safe-area clearance (standalone PWA + viewport-fit=cover),
|
||||
and touch-sized fields. */
|
||||
.login-container {
|
||||
padding: max(env(safe-area-inset-top), 16px) 16px max(env(safe-area-inset-bottom), 16px);
|
||||
}
|
||||
.login-card {
|
||||
max-width: 100%;
|
||||
}
|
||||
.login-form .text-input {
|
||||
font-size: 15px; /* mobile.font-size.body */
|
||||
min-height: 46px; /* mobile.size.input */
|
||||
padding: 12px 14px;
|
||||
}
|
||||
.login-button {
|
||||
min-height: 46px; /* touch-target floor (44) + input parity */
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.pipeline-summary {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
|
||||
|
||||
@@ -60,8 +60,9 @@ export const PACKAGE_TITLE = 'Ten31 Database'
|
||||
// * 0.1.0:92 (reminders & follow-ups, W1: new `reminders` table [in-app migration 0006; logical FK to fundraising_investors.id + denormalized name], full CRUD at /api/reminders [soft-delete; open/done/snoozed/cancelled; assignee; source human/bot/automation], read-only derived `reminder_status` grid column [overdue/due_soon/open — injected like pipeline_stage, filterable], orphan reconciler, Reminders page + Dashboard "Reminders Due" card + daily-digest "reminders due" section, and a per-investor last_activity_at recency rollup. Pure local CRM, no LLM path)
|
||||
// * 0.1.0:93 (natural-language query, W2: read-only "ask the database in plain English" — a curated, parameterized query catalog [backend/nl_query/] behind a strict slot validator [the trust boundary — no generic SQL / dynamic identifiers]; a local-Qwen translator maps a question→{intent,slots} via Spark Control so the question never leaves the box [no Claude, no redaction]; new endpoints POST /api/query/nl + GET /api/query/catalog [require_bot_or_admin, audited entity_type='nl_query'], results never returned to any model; no schema change. The Matrix Q&A client [dedicated room + ?/@bot trigger] ships on the Spark, not the s9pk)
|
||||
// * 0.1.0:94 (NL-query correctness fix: the comms_by_user + email_counts_by_user intents were counting/listing a user's ENTIRE captured sent corpus [internal/vendor/personal], not only email to a matched investor — they lacked the EXISTS email_investor_links gate that recent_emails + the Communications panel use. Added the matched-only gate to both [+ a regression test seeding an unmatched sent email]; no schema change, no UI change)
|
||||
// * Current: 0.1.0:95 (mobile-first redesign goes live + installable PWA. The Grid, Pipeline, Reminders & Contacts screens are touch-native on phones below 768px [safe-area bottom-tab nav, card lists, drag-dismiss bottom sheets, swipe actions, full-screen Grid detail, SVG tab icons + ·Ten31· wordmark], with an app-wide light theme + toggle. Installable home-screen PWA: manifest.webmanifest [standalone display, #0b1118 theme] + square/apple-touch icons + a pre-auth /manifest.webmanifest route; iOS-first, no service worker. Pipeline funnel v2: 4-stage lead→engaged→diligence→commitment [in-app migration 0007] with derived grid signals [pipeline_stage/existing_investor/recency] injected-on-GET, stripped-on-write. Desktop UI unchanged; no LLM path. Bundles the previously deploy-pending mobile Phases 0–8 + drag-reorder views + the PWA)
|
||||
export const PACKAGE_VERSION = '0.1.0:95'
|
||||
// * 0.1.0:95 (mobile-first redesign goes live + installable PWA. The Grid, Pipeline, Reminders & Contacts screens are touch-native on phones below 768px [safe-area bottom-tab nav, card lists, drag-dismiss bottom sheets, swipe actions, full-screen Grid detail, SVG tab icons + ·Ten31· wordmark], with an app-wide light theme + toggle. Installable home-screen PWA: manifest.webmanifest [standalone display, #0b1118 theme] + square/apple-touch icons + a pre-auth /manifest.webmanifest route; iOS-first, no service worker. Pipeline funnel v2: 4-stage lead→engaged→diligence→commitment [in-app migration 0007] with derived grid signals [pipeline_stage/existing_investor/recency] injected-on-GET, stripped-on-write. Desktop UI unchanged; no LLM path. Bundles the previously deploy-pending mobile Phases 0–8 + drag-reorder views + the PWA)
|
||||
// * Current: 0.1.0:96 (login page mobile/PWA conformance — the one surface the v95 mobile redesign skipped. CSS-only: 100vh→100dvh [dynamic viewport, fixes the centered card tucking under the iOS standalone status bar], a <768px media query adding 16px screen gutters + env[safe-area-inset] top/bottom clearance + touch-sized fields [inputs 46px/15px, button 46px], full-bleed card on small phones, and the §4 card depth shadow on the login card to match .section. No markup/JS/schema change; desktop login unchanged)
|
||||
export const PACKAGE_VERSION = '0.1.0:96'
|
||||
|
||||
export const DATA_MOUNT_PATH = '/data'
|
||||
export const WEB_PORT = 8080
|
||||
|
||||
@@ -56,8 +56,9 @@ import { v_0_1_0_92 } from './v0.1.0.92'
|
||||
import { v_0_1_0_93 } from './v0.1.0.93'
|
||||
import { v_0_1_0_94 } from './v0.1.0.94'
|
||||
import { v_0_1_0_95 } from './v0.1.0.95'
|
||||
import { v_0_1_0_96 } from './v0.1.0.96'
|
||||
|
||||
export const versionGraph = VersionGraph.of({
|
||||
current: v_0_1_0_95,
|
||||
other: [v_0_1_0_39, v_0_1_0_40, v_0_1_0_41, v_0_1_0_42, v_0_1_0_43, v_0_1_0_44, v_0_1_0_45, v_0_1_0_46, v_0_1_0_47, v_0_1_0_48, v_0_1_0_49, v_0_1_0_50, v_0_1_0_51, v_0_1_0_52, v_0_1_0_53, v_0_1_0_54, v_0_1_0_55, v_0_1_0_56, v_0_1_0_57, v_0_1_0_58, v_0_1_0_59, v_0_1_0_60, v_0_1_0_61, v_0_1_0_62, v_0_1_0_63, v_0_1_0_64, v_0_1_0_65, v_0_1_0_66, v_0_1_0_67, v_0_1_0_68, v_0_1_0_69, v_0_1_0_70, v_0_1_0_71, v_0_1_0_72, v_0_1_0_73, v_0_1_0_74, v_0_1_0_75, v_0_1_0_76, v_0_1_0_77, v_0_1_0_78, v_0_1_0_79, v_0_1_0_80, v_0_1_0_81, v_0_1_0_82, v_0_1_0_83, v_0_1_0_84, v_0_1_0_85, v_0_1_0_86, v_0_1_0_87, v_0_1_0_88, v_0_1_0_89, v_0_1_0_90, v_0_1_0_91, v_0_1_0_92, v_0_1_0_93, v_0_1_0_94],
|
||||
current: v_0_1_0_96,
|
||||
other: [v_0_1_0_39, v_0_1_0_40, v_0_1_0_41, v_0_1_0_42, v_0_1_0_43, v_0_1_0_44, v_0_1_0_45, v_0_1_0_46, v_0_1_0_47, v_0_1_0_48, v_0_1_0_49, v_0_1_0_50, v_0_1_0_51, v_0_1_0_52, v_0_1_0_53, v_0_1_0_54, v_0_1_0_55, v_0_1_0_56, v_0_1_0_57, v_0_1_0_58, v_0_1_0_59, v_0_1_0_60, v_0_1_0_61, v_0_1_0_62, v_0_1_0_63, v_0_1_0_64, v_0_1_0_65, v_0_1_0_66, v_0_1_0_67, v_0_1_0_68, v_0_1_0_69, v_0_1_0_70, v_0_1_0_71, v_0_1_0_72, v_0_1_0_73, v_0_1_0_74, v_0_1_0_75, v_0_1_0_76, v_0_1_0_77, v_0_1_0_78, v_0_1_0_79, v_0_1_0_80, v_0_1_0_81, v_0_1_0_82, v_0_1_0_83, v_0_1_0_84, v_0_1_0_85, v_0_1_0_86, v_0_1_0_87, v_0_1_0_88, v_0_1_0_89, v_0_1_0_90, v_0_1_0_91, v_0_1_0_92, v_0_1_0_93, v_0_1_0_94, v_0_1_0_95],
|
||||
})
|
||||
|
||||
@@ -0,0 +1,19 @@
|
||||
import { VersionInfo } from '@start9labs/start-sdk'
|
||||
|
||||
// Login page mobile/PWA conformance — the one surface the v95 mobile redesign skipped.
|
||||
// CSS-only: .login-container 100vh → 100dvh (dynamic viewport; the centered card no longer
|
||||
// tucks under the iOS standalone status bar), plus a <768px media query adding 16px screen
|
||||
// gutters + env(safe-area-inset) top/bottom clearance + touch-sized fields (inputs 46px/15px,
|
||||
// button 46px) and a full-bleed card on small phones; the login card also gains the §4 card
|
||||
// depth shadow to match .section. No markup/JS/schema change; desktop login unchanged.
|
||||
export const v_0_1_0_96 = VersionInfo.of({
|
||||
version: '0.1.0:96',
|
||||
releaseNotes: {
|
||||
en_US: [
|
||||
'Mobile polish: the login screen is now touch-native and PWA-safe — proper screen',
|
||||
'gutters, safe-area clearance so the card never hides under the iPhone status bar,',
|
||||
'and larger tap targets. Desktop login is unchanged.',
|
||||
].join(' '),
|
||||
},
|
||||
migrations: { up: async () => {}, down: async () => {} },
|
||||
})
|
||||
Reference in New Issue
Block a user