mirror of
https://github.com/penpot/penpot.git
synced 2025-01-10 17:00:36 -05:00
🐛 Fix spacing in prototype tab
This commit is contained in:
parent
e8da60b2e7
commit
b7bfb73134
2 changed files with 23 additions and 17 deletions
|
@ -654,7 +654,8 @@
|
|||
[:span {:class (stl/css :interaction-name)} (tr "workspace.options.interaction-duration")]
|
||||
[:div {:class (stl/css :input-element-wrapper)
|
||||
: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
|
||||
:on-change change-duration
|
||||
:value (-> interaction :animation :duration)
|
||||
|
@ -719,22 +720,22 @@
|
|||
[:button {:class (stl/css :add-interaction-btn)
|
||||
:on-click add-interaction}
|
||||
i/add-refactor]]])
|
||||
[:div {:class (stl/css :help-content)}
|
||||
(when (= (count interactions) 0)
|
||||
[:*
|
||||
(when (and shape (not (cfh/unframed-shape? shape)))
|
||||
[:div {:class (stl/css :help-group)}
|
||||
[:div {:class (stl/css :interactions-help-icon)} i/add-refactor]
|
||||
[:div {:class (stl/css :interactions-help)}
|
||||
(tr "workspace.options.add-interaction")]])
|
||||
[:div {:class (stl/css :help-group)}
|
||||
[:div {:class (stl/css :interactions-help-icon)} i/interaction-refactor]
|
||||
[:div {:class (stl/css :interactions-help)}
|
||||
(tr "workspace.options.select-a-shape")]]
|
||||
[:div {:class (stl/css :help-group)}
|
||||
[:div {:class (stl/css :interactions-help-icon)} i/play-refactor]
|
||||
[:div {:class (stl/css :interactions-help)}
|
||||
(tr "workspace.options.use-play-button")]]])]
|
||||
|
||||
(when (= (count interactions) 0)
|
||||
[:div {:class (stl/css :help-content)}
|
||||
(when (and shape (not (cfh/unframed-shape? shape)))
|
||||
[:div {:class (stl/css :help-group)}
|
||||
[:div {:class (stl/css :interactions-help-icon)} i/add-refactor]
|
||||
[:div {:class (stl/css :interactions-help)}
|
||||
(tr "workspace.options.add-interaction")]])
|
||||
[:div {:class (stl/css :help-group)}
|
||||
[:div {:class (stl/css :interactions-help-icon)} i/interaction-refactor]
|
||||
[:div {:class (stl/css :interactions-help)}
|
||||
(tr "workspace.options.select-a-shape")]]
|
||||
[:div {:class (stl/css :help-group)}
|
||||
[:div {:class (stl/css :interactions-help-icon)} i/play-refactor]
|
||||
[:div {:class (stl/css :interactions-help)}
|
||||
(tr "workspace.options.use-play-button")]]])
|
||||
[:div {:class (stl/css :groups)}
|
||||
(for [[index interaction] (d/enumerate interactions)]
|
||||
[:& interaction-entry {:key (dm/str (:id shape) "-" index)
|
||||
|
|
|
@ -54,6 +54,11 @@
|
|||
}
|
||||
}
|
||||
|
||||
.after {
|
||||
@include titleTipography;
|
||||
margin-top: $s-1;
|
||||
}
|
||||
|
||||
.interactions-help {
|
||||
@include titleTipography;
|
||||
text-align: center;
|
||||
|
|
Loading…
Reference in a new issue