From 1d286427adb74bbdb2de530799e59032a1e096f6 Mon Sep 17 00:00:00 2001 From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com> Date: Mon, 26 Oct 2026 23:41:25 +0100 Subject: [PATCH] perf(canvas): stop pan and zoom from restyling every card Co-Authored-By: Claude Opus 5.5 --- resources/css/app.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/resources/css/app.css b/resources/css/app.css index 8d30890955..07aa70d5eb 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -6142,6 +6142,18 @@ html .application-settings-navigation .menu-item-icon { } } +/* setCanvasDots() writes these on the canvas root on every pan and zoom step, and + only the root reads them. Inherited, each write restyles every card in the canvas. */ +@property --canvas-dots-size { + syntax: '*'; + inherits: false; +} + +@property --canvas-dots-position { + syntax: '*'; + inherits: false; +} + /* Canvases at full zoom: the grid dots turn into small Coolify logos, one per 20px tile. setCanvasDots() (environment-canvas.js) sets .canvas-zoom-max. */ .canvas-zoom-max {