rick/rosterchirp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.9.71 fixed broken ui layout

Browse Source
This commit is contained in:
Ricky Stretch
2026-03-18 12:22:15 -04:00
parent fde8bd1a38
commit 083da849b9
5 changed files with 32 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env.example
View File

@@ -10,7 +10,7 @@
PROJECT_NAME=jama
# Image version to run (set by build.sh, or use 'latest')
JAMA_VERSION=0.9.70
JAMA_VERSION=0.9.71
# App port — the host port Docker maps to the container
PORT=3000

2
backend/package.json
View File

@@ -1,6 +1,6 @@
{
"name": "jama-backend",
"version": "0.9.70",
"version": "0.9.71",
"description": "TeamChat backend server",
"main": "src/index.js",
"scripts": {

2
build.sh
View File

@@ -13,7 +13,7 @@
# ─────────────────────────────────────────────────────────────
set -euo pipefail
VERSION="${1:-0.9.70}"
VERSION="${1:-0.9.71}"
ACTION="${2:-}"
REGISTRY="${REGISTRY:-}"
IMAGE_NAME="jama"

2
frontend/package.json
View File

@@ -1,6 +1,6 @@
{
"name": "jama-frontend",
"version": "0.9.70",
"version": "0.9.71",
"private": true,
"scripts": {
"dev": "vite",

28
frontend/src/components/SchedulePage.jsx
View File

@@ -1057,7 +1057,8 @@ export default function SchedulePage({ isToolManager, isMobile, onProfile, onHel
</div>
)}
{/* Right panel */}
{/* Right panel + mobile bottom bar — column so bottom bar stays at bottom */}
<div style={{ flex:1, display:'flex', flexDirection:'column', overflow:'hidden', minWidth:0 }}>
<div style={{ flex:1, display:'flex', flexDirection:'column', overflow:'hidden', minWidth:0 }}>
{/* View toolbar */}
<div style={{ display:'flex', alignItems:'center', gap:8, padding:'8px 16px', borderBottom:'1px solid var(--border)', background:'var(--surface)', flexShrink:0, flexWrap:'nowrap' }}>
@@ -1168,19 +1169,25 @@ export default function SchedulePage({ isToolManager, isMobile, onProfile, onHel
</div>
)}
{/* Mobile bottom bar: UserFooter + Create Event button */}
</div>{/* end inner right panel */}
{/* Mobile bottom bar — matches Messages exactly: just the UserFooter */}
{isMobile && (
<div style={{ background:'var(--surface)', borderTop:'1px solid var(--border)', flexShrink:0 }}>
{isToolManager && panel === 'calendar' && (
<div style={{ padding:'10px 16px 4px', position:'relative' }} ref={createRef}>
<button className="newchat-btn" onClick={() => setCreateOpen(v=>!v)} style={{ width:'100%', justifyContent:'center', gap:8 }}>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" width="18" height="18">
<UserFooter onProfile={onProfile} onHelp={onHelp} onAbout={onAbout} />
</div>
)}
{/* Mobile FAB — floating create button, same style as Messages newchat-fab */}
{isMobile && isToolManager && panel === 'calendar' && (
<div style={{ position:'fixed', bottom:84, right:16, zIndex:30 }} ref={createRef}>
<button className="newchat-fab" onClick={() => setCreateOpen(v=>!v)}>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={2} stroke="currentColor" width="24" height="24">
<path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
</svg>
Create Event
</button>
{createOpen && (
<div style={{ position:'absolute', bottom:'100%', left:16, right:16, zIndex:100, background:'var(--surface-variant)', border:'1px solid var(--border)', borderRadius:'var(--radius)', marginBottom:4, boxShadow:'0 -4px 16px rgba(0,0,0,0.15)' }}>
<div style={{ position:'absolute', bottom:'calc(100% + 8px)', right:0, zIndex:100, background:'var(--surface-variant)', border:'1px solid var(--border)', borderRadius:'var(--radius)', boxShadow:'0 -4px 16px rgba(0,0,0,0.15)', minWidth:180 }}>
{[['Event', ()=>{setPanel('eventForm');setEditingEvent(null);setCreateOpen(false);}],
['Event Type', ()=>{setPanel('eventTypes');setCreateOpen(false);}],
].map(([label,action])=>(
@@ -1191,9 +1198,8 @@ export default function SchedulePage({ isToolManager, isMobile, onProfile, onHel
)}
</div>
)}
<UserFooter onProfile={onProfile} onHelp={onHelp} onAbout={onAbout} />
</div>
)}
</div>{/* end right+bottom column wrapper */}
{/* Event detail modal */}
{detailEvent && (