diff --git a/package.json b/package.json index e76f00c..a64465b 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "buildpulse", "private": true, - "version": "0.4.5", + "version": "0.4.6", "type": "module", "scripts": { "api": "node --env-file=../.env server/index.mjs", diff --git a/src/App.tsx b/src/App.tsx index b3eadf3..eab344d 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1580,7 +1580,7 @@ function App() {
-

BuildPulse v0.4.5

+

BuildPulse v0.4.6

BuildPulse

Current goal: {appState.project.current_goal || 'Classify new ideas before they become work.'} @@ -1589,8 +1589,8 @@ function App() {

@@ -2502,7 +2502,7 @@ function App() { aria-controls="today-command-drawer" onClick={() => setTodayCommandDrawerOpen((current) => !current)} > - {todayCommandDrawerOpen ? 'Hide commands' : 'Commands'} + {todayCommandDrawerOpen ? 'Hide' : 'More'}
diff --git a/src/index.css b/src/index.css index c1fe76c..059adab 100644 --- a/src/index.css +++ b/src/index.css @@ -3109,3 +3109,124 @@ button.ghost, border: 1px solid rgba(125, 211, 252, 0.34); } } + +/* v0.4.6 — compress mobile top chrome and give edge controls breathing room. */ +@media (max-width: 760px) { + .app-shell { + width: min(100% - 1rem, 100%); + padding-top: 0.28rem; + } + + .mobile-shell-header.card { + display: grid; + grid-template-columns: minmax(0, 1fr) auto; + align-items: end; + gap: 0.5rem; + padding: 0.18rem 0.1rem 0.05rem; + } + + .mobile-shell-header .eyebrow { + margin-bottom: 0.05rem; + font-size: 0.56rem; + letter-spacing: 0.14em; + } + + .mobile-shell-header h1 { + font-size: 1.32rem; + line-height: 0.9; + } + + .compact-goal { + max-width: 34ch; + -webkit-line-clamp: 1; + margin-top: 0.12rem; + font-size: 0.7rem; + line-height: 1.2; + } + + .top-status-row { + justify-self: end; + width: auto; + gap: 0.28rem; + padding: 0.24rem 0.34rem; + font-size: 0.67rem; + } + + .top-status-row .ghost.small { + padding: 0.16rem 0.28rem; + font-size: 0.64rem; + } + + .tab-bar { + margin-top: 0.32rem; + } + + .today-card > .section-heading { + padding-top: 0.45rem; + } + + .today-command-bar { + gap: 0.5rem; + padding-inline: 0.08rem; + } + + .today-primary-command { + min-height: 2.68rem; + } + + .today-drawer-toggle { + min-width: 4.25rem; + padding-inline: 0.44rem; + } + + .feature-column-details summary { + display: grid; + grid-template-columns: minmax(0, 1fr) auto; + gap: 0.65rem; + align-items: center; + padding-right: 0.18rem; + } + + .feature-column-details summary::after { + min-width: 3.2rem; + text-align: right; + font-size: 0.58rem; + letter-spacing: 0.08em; + } + + .feature-column-details[open] summary::after { + content: 'Fold'; + } + + .feature-column-details:not([open]) summary::after { + content: 'Open'; + } +} + +/* v0.4.6a — keep the compact controls readable, not cramped. */ +@media (max-width: 760px) { + .today-drawer-toggle { + min-width: 4.95rem; + font-size: 0.78rem; + } + + .today-primary-command { + font-size: 0.94rem; + } + + .pill, + .tap-chip { + white-space: nowrap; + font-size: 0.62rem; + line-height: 1; + padding: 0.18rem 0.38rem; + } + + .item-card-header { + align-items: flex-start; + } + + .item-card-header .pill { + flex: 0 0 auto; + } +}