Release 2.80.1: no white square where a view's two scrollbars meet

apps/desktop/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zennotes/desktop",
   "productName": "ZenNotes",
-  "version": "2.80.0",
+  "version": "2.80.1",
   "description": "ZenNotes desktop shell",
   "private": true,
   "main": "./out/main/index.js",

apps/quicklook/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zennotes/quicklook",
   "private": true,
-  "version": "2.80.0",
+  "version": "2.80.1",
   "type": "module",
   "description": "The macOS Quick Look preview for Markdown files: the page it renders and the Swift extension that serves it",
   "homepage": "https://zennotes.org",

apps/share-viewer/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zennotes/share-viewer",
   "private": true,
-  "version": "2.80.0",
+  "version": "2.80.1",
   "type": "module",
   "description": "Read-only renderer for publicly shared ZenNotes, embedded by the zennotes.org website",
   "homepage": "https://zennotes.org",

apps/web/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zennotes/web",
   "private": true,
-  "version": "2.80.0",
+  "version": "2.80.1",
   "type": "module",
   "description": "ZenNotes web client for self-hosted and hosted deployments",
   "homepage": "https://zennotes.org",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "zennotes-monorepo",
   "private": true,
-  "version": "2.80.0",
+  "version": "2.80.1",
   "description": "ZenNotes monorepo for desktop, web, and self-hosted server builds",
   "packageManager": "npm@10.9.2",
   "engines": {

packages/app-core/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zennotes/app-core",
   "private": true,
-  "version": "2.80.0",
+  "version": "2.80.1",
   "type": "module",
   "exports": {
     "./main": "./src/main.tsx",

packages/app-core/src/lib/scrollbar-style.test.ts

@@ -22,6 +22,13 @@ describe('scrollbar styles', () => {
     expect(withOpacity.map((rule) => rule.selector)).toEqual([])
   })
 
+  it('paints the corner where two scrollbars meet transparent, not Chromium white', () => {
+    // A view that scrolls both ways (the Kanban board with lanes, a wide
+    // database grid) once drew a white 10px square there in every dark theme.
+    const corner = scrollbarRules().find((rule) => rule.selector === '::-webkit-scrollbar-corner')
+    expect(corner?.body).toMatch(/background:\s*transparent/)
+  })
+
   it('tints the sidebar thumb with its text colour at 30%, and 50% under the pointer (#451)', () => {
     const rules = scrollbarRules()
     const thumb = rules.find((rule) => rule.selector === '.zn-sidebar-scroll::-webkit-scrollbar-thumb')

packages/app-core/src/lib/whats-new.ts

@@ -39,6 +39,15 @@ export const CLOUD_ANNOUNCEMENT = {
 } as const
 
 export const WHATS_NEW: readonly WhatsNewEntry[] = [
+  {
+    version: '2.80.1',
+    highlights: [
+      {
+        title: 'No white square in dark themes',
+        body: 'Where a view scrolls both ways, like the board with lanes or a wide database, the corner between its scrollbars no longer shows a white square.'
+      }
+    ]
+  },
   {
     version: '2.80.0',
     highlights: [

packages/app-core/src/styles/index.css

@@ -1459,6 +1459,12 @@ textarea,
 ::-webkit-scrollbar-track {
   background: transparent;
 }
+/* Once ::-webkit-scrollbar is styled, Chromium paints the corner where a
+   view's two scrollbars meet solid white unless it is styled too: a white
+   square on the lanes board and wide database grids in every dark theme. */
+::-webkit-scrollbar-corner {
+  background: transparent;
+}
 ::-webkit-scrollbar-thumb {
   background: var(--scrollbar);
   border-radius: 999px;

packages/bridge-contract/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zennotes/bridge-contract",
   "private": true,
-  "version": "2.80.0",
+  "version": "2.80.1",
   "type": "module",
   "exports": {
     "./bridge": "./src/bridge.ts",

packages/shared-domain/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zennotes/shared-domain",
   "private": true,
-  "version": "2.80.0",
+  "version": "2.80.1",
   "type": "module",
   "exports": {
     "./*": "./src/*.ts"

packages/shared-ui/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zennotes/shared-ui",
   "private": true,
-  "version": "2.80.0",
+  "version": "2.80.1",
   "type": "module",
   "exports": {
     ".": "./src/index.ts"