From d3bee4ba9d48eae028a13d1106b274a2bffe631c Mon Sep 17 00:00:00 2001 From: 0xTHAC0 Date: Tue, 18 Aug 2026 17:38:21 +0530 Subject: [PATCH] :bug: Fix comment bubbles rendering above workspace dropdown menus (#11201) * :bug: Fix comment bubbles rendering above workspace dropdowns (#10283) Comment bubbles (workspace-comments-container) had z-index: 1000, which placed them above dropdown menus (--z-index-dropdown: 400). Replace the hardcoded 1000 with $z-index-300 from the design-system z-index scale so comments sit above the canvas/guides but below menus and dropdowns. * Refactor workspace comments container styles Modernize CSS properties for workspace comments container. Signed-off-by: Luis de Dios --------- Signed-off-by: Luis de Dios Co-authored-by: Luis de Dios --- frontend/src/app/main/ui/workspace/viewport/comments.scss | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/frontend/src/app/main/ui/workspace/viewport/comments.scss b/frontend/src/app/main/ui/workspace/viewport/comments.scss index 2c672cab4b..95a0354b6b 100644 --- a/frontend/src/app/main/ui/workspace/viewport/comments.scss +++ b/frontend/src/app/main/ui/workspace/viewport/comments.scss @@ -4,14 +4,11 @@ // // Copyright (c) KALEIDOS INC Sucursal en España SL -@use "refactor/common-refactor.scss" as deprecated; - .workspace-comments-container { - width: 100%; - height: 100%; + inline-size: 100%; + block-size: 100%; grid-column: 1 / span 2; grid-row: 1 / span 2; - z-index: 1000; pointer-events: none; overflow: hidden; user-select: text;