Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-12 15:51:37 -05:00
Code Issues Activity

✨ Add new asset advanced optios css

Browse source
This commit is contained in:
elhombretecla 2021-06-07 07:55:21 +02:00 • committed by alonso.torres
parent d4b02e36a7
commit 6404907699
3 changed files with 24 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
frontend/resources/styles/main/partials/sidebar-assets.scss
View file

@ -400,6 +400,15 @@
top: 10px; top: 10px;
left: 10px; left: 10px;
} }
.advanced-options {
border-color: $color-black;
background-color: $color-gray-60;
.input-text, .input-select, .adv-typography-name {
background-color: $color-gray-60;
}
}
} }
} }

5
frontend/resources/styles/main/partials/sidebar-element-options.scss
View file

@ -543,7 +543,7 @@
padding: 0 $x-small; padding: 0 $x-small;
&:first-child { &:first-child {
justify-content: space-between; justify-content: flex-start;
margin-left: 0; margin-left: 0;
} }
@ -1001,6 +1001,7 @@
.spacing-options { .spacing-options {
display: flex; display: flex;
width: 100%;
} }
.asset-section { .asset-section {
@ -1023,7 +1024,7 @@
width: 100%; width: 100%;
max-width: none; max-width: none;
margin: 0; margin: 0;
background: #303236; background-color: #303236;
border-top: none; border-top: none;
border-left: none; border-left: none;
border-right: none; border-right: none;

14
frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.cljs
View file

@ -424,7 +424,8 @@
[:div.element-set-content [:div.element-set-content
[:> font-options opts] [:> font-options opts]
[:div.row-flex [:div.row-flex
[:> spacing-options opts] [:> spacing-options opts]]
[:div.row-flex
[:> text-transform-options opts]]])) [:> text-transform-options opts]]]))
@ -501,6 +502,10 @@
[:span.label (tr "workspace.assets.typography.font-id")] [:span.label (tr "workspace.assets.typography.font-id")]
[:span (:font-id typography)]] [:span (:font-id typography)]]
[:div.element-set-actions-button
{:on-click #(reset! open? true)}
i/actions]
[:div.row-flex [:div.row-flex
[:span.label (tr "workspace.assets.typography.font-variant-id")] [:span.label (tr "workspace.assets.typography.font-variant-id")]
[:span (:font-variant-id typography)]] [:span (:font-variant-id typography)]]
@ -532,6 +537,11 @@
{:type "text" {:type "text"
:ref name-input-ref :ref name-input-ref
:default-value (cp/merge-path-item (:path typography) (:name typography)) :default-value (cp/merge-path-item (:path typography) (:name typography))
:on-blur on-name-blur}]]] :on-blur on-name-blur}]
[:div.element-set-actions-button
{:on-click #(reset! open? false)}
i/actions]]]
[:& typography-options {:values typography [:& typography-options {:values typography
:on-change on-change}]])]])) :on-change on-change}]])]]))