3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-11 14:01:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix spacing in prototype tab

Browse source
This commit is contained in:
Eva 2024-01-10 14:01:00 +01:00 • committed by Andrey Antukh
parent e8da60b2e7
commit b7bfb73134
2 changed files with 23 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.cljs
View file

@ -654,7 +654,8 @@
[:span {:class (stl/css :interaction-name)} (tr "workspace.options.interaction-duration")] [:span {:class (stl/css :interaction-name)} (tr "workspace.options.interaction-duration")]
[:div {:class (stl/css :input-element-wrapper) [:div {:class (stl/css :input-element-wrapper)
:title (tr "workspace.options.interaction-ms")} :title (tr "workspace.options.interaction-ms")}
[:span.after (tr "workspace.options.interaction-ms")] [:span {:class (stl/css :after)}
(tr "workspace.options.interaction-ms")]
[:> numeric-input* {:ref ext-duration-ref [:> numeric-input* {:ref ext-duration-ref
:on-change change-duration :on-change change-duration
:value (-> interaction :animation :duration) :value (-> interaction :animation :duration)
@ -719,9 +720,9 @@
[:button {:class (stl/css :add-interaction-btn) [:button {:class (stl/css :add-interaction-btn)
:on-click add-interaction} :on-click add-interaction}
i/add-refactor]]]) i/add-refactor]]])
[:div {:class (stl/css :help-content)}
(when (= (count interactions) 0) (when (= (count interactions) 0)
[:* [:div {:class (stl/css :help-content)}
(when (and shape (not (cfh/unframed-shape? shape))) (when (and shape (not (cfh/unframed-shape? shape)))
[:div {:class (stl/css :help-group)} [:div {:class (stl/css :help-group)}
[:div {:class (stl/css :interactions-help-icon)} i/add-refactor] [:div {:class (stl/css :interactions-help-icon)} i/add-refactor]
@ -734,7 +735,7 @@
[:div {:class (stl/css :help-group)} [:div {:class (stl/css :help-group)}
[:div {:class (stl/css :interactions-help-icon)} i/play-refactor] [:div {:class (stl/css :interactions-help-icon)} i/play-refactor]
[:div {:class (stl/css :interactions-help)} [:div {:class (stl/css :interactions-help)}
(tr "workspace.options.use-play-button")]]])] (tr "workspace.options.use-play-button")]]])
[:div {:class (stl/css :groups)} [:div {:class (stl/css :groups)}
(for [[index interaction] (d/enumerate interactions)] (for [[index interaction] (d/enumerate interactions)]
[:& interaction-entry {:key (dm/str (:id shape) "-" index) [:& interaction-entry {:key (dm/str (:id shape) "-" index)

5
frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.scss
View file

@ -54,6 +54,11 @@
} }
} }
.after {
@include titleTipography;
margin-top: $s-1;
}
.interactions-help { .interactions-help {
@include titleTipography; @include titleTipography;
text-align: center; text-align: center;