refactor: reveal task detail on selection

frontend/src/style.test.ts

@@ -402,6 +402,20 @@ describe('unified floating add interaction', () => {
   })
 })
 
+describe('desktop task detail disclosure', () => {
+  it('gives the task list the full remaining width until a task is selected', () => {
+    expect(app).toContain("'detail-open': Boolean(selectedTask)")
+    expect(app).toContain('<aside v-if="selectedTask" class="detail"')
+    expect(app).toContain('@click="closeTaskDetail"')
+    expect(app).toContain('function closeTaskDetail()')
+    expect(app).not.toContain('<div v-else class="paper">')
+    expect(css).toContain('.shell{height:100vh;display:grid;grid-template-columns:238px minmax(430px,1fr) 0;')
+    expect(css).toContain('.shell.detail-open{grid-template-columns:238px minmax(430px,1fr) 350px}')
+    expect(css).toContain('.shell.sidebar-collapsed.detail-open{grid-template-columns:0 minmax(430px,1fr) 350px}')
+    expect(css).toContain('transition:grid-template-columns .22s ease')
+  })
+})
+
 describe('desktop sidebar collapse & folder scrollbar', () => {
   it('keeps overlay scrims out of the desktop grid layout', () => {
     expect(css).toContain('.scrim{display:none}')
@@ -411,7 +425,8 @@ describe('desktop sidebar collapse & folder scrollbar', () => {
   it('lets the top menu collapse the desktop sidebar', () => {
     expect(app).toContain('sidebar-collapsed')
     expect(app).toContain('toggleSidebar')
-    expect(css).toContain('.shell.sidebar-collapsed{grid-template-columns:0 minmax(430px,1fr) 350px}')
+    expect(css).toContain('.shell.sidebar-collapsed{grid-template-columns:0 minmax(430px,1fr) 0}')
+    expect(css).toContain('.shell.sidebar-collapsed.detail-open{grid-template-columns:0 minmax(430px,1fr) 350px}')
   })
 
   it('hides the folders scrollbar while staying scrollable', () => {