Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-13 18:48:37 -05:00
Code Issues Activity

🐛 Fix color picker blurry bitmap

Browse source
This commit is contained in:
Aitor 2024-03-07 12:28:47 +01:00 • committed by Alonso Torres
parent 1c29c73b8e
commit d0889931b5
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/app/main/ui/workspace/colorpicker.cljs
View file

@ -316,7 +316,7 @@
(if picking-color? (if picking-color?
[:div {:class (stl/css :picker-detail-wrapper)} [:div {:class (stl/css :picker-detail-wrapper)}
[:div {:class (stl/css :center-circle)}] [:div {:class (stl/css :center-circle)}]
[:canvas#picker-detail {:width 256 :height 140}]] [:canvas#picker-detail {:class (stl/css :picker-detail) :width 256 :height 140}]]
[:& ramp-selector [:& ramp-selector
{:color current-color {:color current-color
:disable-opacity disable-opacity :disable-opacity disable-opacity
@ -328,7 +328,7 @@
(if picking-color? (if picking-color?
[:div {:class (stl/css :picker-detail-wrapper)} [:div {:class (stl/css :picker-detail-wrapper)}
[:div {:class (stl/css :center-circle)}] [:div {:class (stl/css :center-circle)}]
[:canvas#picker-detail {:width 256 :height 140}]] [:canvas#picker-detail {:class (stl/css :picker-detail) :width 256 :height 140}]]
[:& harmony-selector [:& harmony-selector
{:color current-color {:color current-color
:disable-opacity disable-opacity :disable-opacity disable-opacity
@ -340,7 +340,7 @@
(if picking-color? (if picking-color?
[:div {:class (stl/css :picker-detail-wrapper)} [:div {:class (stl/css :picker-detail-wrapper)}
[:div {:class (stl/css :center-circle)}] [:div {:class (stl/css :center-circle)}]
[:canvas#picker-detail {:width 256 :height 140}]] [:canvas#picker-detail {:class (stl/css :picker-detail) :width 256 :height 140}]]
[:& hsva-selector [:& hsva-selector
{:color current-color {:color current-color
:disable-opacity disable-opacity :disable-opacity disable-opacity

5
frontend/src/app/main/ui/workspace/colorpicker.scss
View file

@ -132,6 +132,11 @@
transform: translate(calc(-1 * $s-12), calc(-1 * $s-12)); transform: translate(calc(-1 * $s-12), calc(-1 * $s-12));
} }
.picker-detail {
image-rendering: crisp-edges;
image-rendering: pixelated;
}
.select { .select {
width: $s-116; width: $s-116;
} }