github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-08-07 05:18:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix subpixel gap between ruler and sidebar (svg renderer)

Browse Source
This commit is contained in:
Belén Albeza 2026-07-15 12:29:37 +02:00
parent 7e4c4796fa
commit df11a098de
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/app/main/ui/workspace/sidebar.cljs
View File

@ -182,7 +182,7 @@
:data-width (str width)
:class aside-class
:on-context-menu dom/prevent-default-context-menu
:style {:--left-sidebar-width (dm/str "calc(" width "px * var(--ui-scale))")}}
:style {:--left-sidebar-width (dm/str "round(" width "px * var(--ui-scale), 1px)")}}
[:> left-header* {:file file
:layout layout
@ -328,12 +328,15 @@
:data-size (str width)
:on-context-menu dom/prevent-default-context-menu
:style {:--right-sidebar-width
(dm/str "calc("
;; round() keeps the scaled width on whole pixels so the
;; viewport/sidebar boundary doesn't leave a sub-pixel seam
;; against the SVG ruler frame.
(dm/str "round("
(cond
is-debug? right-sidebar-default-max-width
can-be-expanded? width
:else right-sidebar-default-width)
"px * var(--ui-scale))")}}
"px * var(--ui-scale), 1px)")}}
(when can-be-expanded?
[:div {:class (stl/css :resize-area)