Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-04-14 07:51:35 -05:00
Code Issues Activity

🐛 Fix visual bug for scrolls on inspect mode

Browse source
This commit is contained in:
alonso.torres 2024-02-28 15:30:23 +01:00 • committed by Andrey Antukh
parent 05d0d2550a
commit 54db163cd8
4 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/app/main/ui/viewer/inspect/right_sidebar.cljs
View file

@ -109,7 +109,9 @@
[:span {:class (stl/css :layer-title)} (:name first-shape)]])]
[:div {:class (stl/css :inspect-content)}
[:& tab-container {:on-change-tab handle-change-tab
:selected @section}
:selected @section
:content-class (stl/css :tab-content)
:header-class (stl/css :tab-header)}
[:& tab-element {:id :info :title (tr "inspect.tabs.info")}
[:& attributes {:page-id page-id
:objects objects

8
frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss
View file

@ -96,3 +96,11 @@
flex: 1;
overflow: hidden;
}
.tab-content {
scrollbar-gutter: stable;
}
.tab-header {
margin-right: $s-12;
}

2
frontend/src/app/main/ui/workspace/sidebar/options.cljs
View file

@ -104,7 +104,7 @@
{:on-change-tab on-change-tab
:selected section
:collapsable false
:content-class (stl/css :content-class)
:content-class (stl/css-case :content-class true :inspect (= section :inspect))
:header-class (stl/css :tab-spacing)}
[:& tab-element {:id :design
:title (tr "workspace.options.design")}

4
frontend/src/app/main/ui/workspace/sidebar/options.scss
View file

@ -34,3 +34,7 @@
gap: $s-8;
padding-top: $s-8;
}
.inspect {
scrollbar-gutter: unset;
}