github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-06 12:09:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ Scroll selected layer into view

Browse Source
This commit is contained in:
alonso.torres 2020-10-02 13:22:04 +02:00 committed by Andrey Antukh
parent 6d9155032f
commit 59ae0b0f55
2 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/resources/styles/main/partials/sidebar-layers.scss
View File

@ -64,6 +64,7 @@
} }
&.selected { &.selected {
background-color: $colro-gray-60;
svg { svg {
fill: $color-primary; fill: $color-primary;

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

@ -185,6 +185,12 @@
:index index :index index
:name (:name item)})] :name (:name item)})]
(mf/use-effect
(mf/deps selected?)
(fn []
(when selected?
(.scrollIntoView (mf/ref-val dref) false))))
[:li {:on-context-menu on-context-menu [:li {:on-context-menu on-context-menu
:ref dref :ref dref
:class (dom/classnames :class (dom/classnames