3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-19 17:56:13 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix problems with position absolute

Browse source
This commit is contained in:
alonso.torres 2023-02-24 10:57:56 +01:00
parent 8c618f95f7
commit e9d50eb10d
3 changed files with 48 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/resources/styles/main/partials/sidebar-layers.scss
View file

@ -40,7 +40,7 @@
width: 18px; width: 18px;
height: 18px; height: 18px;
fill: $color-gray-20; fill: $color-gray-20;
fill-opacity: 0.3; fill-opacity: 0.5;
} }
} }
} }

1
frontend/resources/styles/main/partials/sidebar.scss
View file

@ -246,6 +246,7 @@
height: 100%; height: 100%;
width: 100%; width: 100%;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden;
&.inspect { &.inspect {
.tab-container-tabs { .tab-container-tabs {

90
frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_item.cljs
View file

@ -232,51 +232,53 @@
:on-change #(on-change-z-index %) :on-change #(on-change-z-index %)
:value (:layout-item-z-index values)}]]]] :value (:layout-item-z-index values)}]]]]
[:div.layout-row (when (not (:layout-item-absolute values))
[:div.row-title.sizing "Sizing"] [:*
[:& element-behavior {:is-layout-child? is-layout-child? [:div.layout-row
:is-layout-container? is-layout-container? [:div.row-title.sizing "Sizing"]
:layout-item-v-sizing (or (:layout-item-v-sizing values) :fix) [:& element-behavior {:is-layout-child? is-layout-child?
:layout-item-h-sizing (or (:layout-item-h-sizing values) :fix) :is-layout-container? is-layout-container?
:on-change-behavior on-change-behavior}]] :layout-item-v-sizing (or (:layout-item-v-sizing values) :fix)
:layout-item-h-sizing (or (:layout-item-h-sizing values) :fix)
(when is-layout-child? :on-change-behavior on-change-behavior}]]
[:div.layout-row
[:div.row-title "Align"]
[:div.btn-wrapper
[:& align-self-row {:is-col? is-col?
:align-self align-self
:set-align-self set-align-self}]]])
(when is-layout-child? (when is-layout-child?
[:& margin-section {:values values [:div.layout-row
:change-margin-style change-margin-style [:div.row-title "Align"]
:on-margin-change on-margin-change}]) [:div.btn-wrapper
[:& align-self-row {:is-col? is-col?
:align-self align-self
:set-align-self set-align-self}]]])
[:div.advanced-ops-body (when is-layout-child?
[:div.input-wrapper [:& margin-section {:values values
(for [item (cond-> [] :change-margin-style change-margin-style
(= (:layout-item-h-sizing values) :fill) :on-margin-change on-margin-change}])
(conj :layout-item-min-w :layout-item-max-w)
(= (:layout-item-v-sizing values) :fill) [:div.advanced-ops-body
(conj :layout-item-min-h :layout-item-max-h))] [:div.input-wrapper
(for [item (cond-> []
(= (:layout-item-h-sizing values) :fill)
(conj :layout-item-min-w :layout-item-max-w)
[:div.tooltip.tooltip-bottom (= (:layout-item-v-sizing values) :fill)
{:key (d/name item) (conj :layout-item-min-h :layout-item-max-h))]
:alt (tr (dm/str "workspace.options.layout-item.title." (d/name item)))
:class (dom/classnames "maxH" (= item :layout-item-max-h) [:div.tooltip.tooltip-bottom
"minH" (= item :layout-item-min-h) {:key (d/name item)
"maxW" (= item :layout-item-max-w) :alt (tr (dm/str "workspace.options.layout-item.title." (d/name item)))
"minW" (= item :layout-item-min-w))} :class (dom/classnames "maxH" (= item :layout-item-max-h)
[:div.input-element "minH" (= item :layout-item-min-h)
{:alt (tr (dm/str "workspace.options.layout-item." (d/name item)))} "maxW" (= item :layout-item-max-w)
[:> numeric-input "minW" (= item :layout-item-min-w))}
{:no-validate true [:div.input-element
:min 0 {:alt (tr (dm/str "workspace.options.layout-item." (d/name item)))}
:data-wrap true [:> numeric-input
:placeholder "--" {:no-validate true
:on-click #(dom/select-target %) :min 0
:on-change (partial on-size-change item) :data-wrap true
:value (get values item) :placeholder "--"
:nillable true}]]])]]]])) :on-click #(dom/select-target %)
:on-change (partial on-size-change item)
:value (get values item)
:nillable true}]]])]]])]]))