github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-08-19 11:19:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix comment bubbles rendering above workspace dropdown menus (#11201)

Browse Source 
* 🐛 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 <luis.dedios@kaleidos.net>

---------

Signed-off-by: Luis de Dios <luis.dedios@kaleidos.net>
Co-authored-by: Luis de Dios <luis.dedios@kaleidos.net>
This commit is contained in:
0xTHAC0 2026-08-18 17:38:21 +05:30 committed by GitHub
parent 162a381aed
commit d3bee4ba9d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/app/main/ui/workspace/viewport/comments.scss
View File

@ -4,14 +4,11 @@
// //
// Copyright (c) KALEIDOS INC Sucursal en España SL // Copyright (c) KALEIDOS INC Sucursal en España SL
@use "refactor/common-refactor.scss" as deprecated;
.workspace-comments-container { .workspace-comments-container {
width: 100%; inline-size: 100%;
height: 100%; block-size: 100%;
grid-column: 1 / span 2; grid-column: 1 / span 2;
grid-row: 1 / span 2; grid-row: 1 / span 2;
z-index: 1000;
pointer-events: none; pointer-events: none;
overflow: hidden; overflow: hidden;
user-select: text; user-select: text;