fix: make settings tab direct and close sidebar on scrim

frontend/src/style.test.ts

@@ -8,11 +8,26 @@ const countdownPanel = readFileSync('src/CountdownPanel.vue', 'utf8')
 const floatingAdd = readFileSync('src/components/FloatingAddButton.vue', 'utf8')
 
 describe('mobile navigation styles', () => {
+  it('renames the bottom More tab to a direct Settings tab', () => {
+    expect(app).not.toContain('aria-controls="mobile-more-menu"')
+    expect(app).not.toContain('<Ellipsis/><span>更多</span>')
+    expect(app).toContain("<Settings/><span>设置</span>")
+    expect(app).toContain("@click=\"switchView('settings')\"")
+    expect(app).toContain('<span>设置</span>')
+  })
+
   it('keeps the mobile More sheet visible when it is rendered', () => {
     expect(css).not.toContain('.more-mask{display:none}')
     expect(css).toContain('@media(max-width:930px){.shell')
     expect(css).toContain('.more-mask{position:fixed;z-index:45;')
   })
+
+  it('lets the mobile sidebar scrim cover the outside area and stay below the sidebar', () => {
+    expect(app).toContain('<div v-if="mobileSidebar || mobileDetail" class="scrim" @click="mobileSidebar=false;mobileDetail=false" />')
+    expect(css).toContain('.sidebar{position:fixed;z-index:50;')
+    expect(css).toContain('.scrim{position:fixed;z-index:35;inset:0;')
+    expect(css).toMatch(/\.scrim\{position:fixed;z-index:35;[^}]*display:block/)
+  })
 })
 
 describe('task and habit row decoration', () => {