3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-13 05:46:40 +02:00
Code Issues Projects Releases Packages Wiki 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
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)]])] [:span {:class (stl/css :layer-title)} (:name first-shape)]])]
[:div {:class (stl/css :inspect-content)} [:div {:class (stl/css :inspect-content)}
[:& tab-container {:on-change-tab handle-change-tab [:& 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")} [:& tab-element {:id :info :title (tr "inspect.tabs.info")}
[:& attributes {:page-id page-id [:& attributes {:page-id page-id
:objects objects :objects objects

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

@ -96,3 +96,11 @@
flex: 1; flex: 1;
overflow: hidden; 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 {:on-change-tab on-change-tab
:selected section :selected section
:collapsable false :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)} :header-class (stl/css :tab-spacing)}
[:& tab-element {:id :design [:& tab-element {:id :design
:title (tr "workspace.options.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; gap: $s-8;
padding-top: $s-8; padding-top: $s-8;
} }
.inspect {
scrollbar-gutter: unset;
}