3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-07-15 08:05:14 +02:00
Code Issues Projects Releases Packages Wiki Activity

add labels to lightbox

Browse source
This commit is contained in:
Juan de la Cruz 2016-12-22 09:32:09 +01:00
parent 960f2e7e7a
commit 177fa4621c
3 changed files with 43 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

17
frontend/resources/styles/main/partials/lightbox.scss
View file

@ -56,7 +56,7 @@
.input-text { .input-text {
margin-right: $small; margin-right: $small;
// width: 35%; margin-top: 0;
} }
.toggle-layout { .toggle-layout {
@ -108,6 +108,21 @@
&.big-lightbox { &.big-lightbox {
width: 800px; width: 800px;
} }
.input-element {
flex-direction: column;
&::after {
top: 50%;
}
span {
color: $intense-ui-text;
font-size: $fs12;
margin-left: $small;
}
}
} }
} }

8
frontend/src/uxbox/main/ui/dashboard/projects.cljs
View file

@ -324,24 +324,28 @@
:auto-focus true :auto-focus true
:on-change #(swap! local assoc :name (.-value (.-target %)))}] :on-change #(swap! local assoc :name (.-value (.-target %)))}]
[:div.project-size [:div.project-size
[:div.input-element.pixels
[:span "Width"]
[:input#project-witdh.input-text [:input#project-witdh.input-text
{:placeholder "Width" {:placeholder "Width"
:type "number" :type "number"
:min 0 ;;TODO check this value :min 0 ;;TODO check this value
:max 666666 ;;TODO check this value :max 666666 ;;TODO check this value
:value width :value width
:on-change #(swap! local assoc :width (.-value (.-target %)))}] :on-change #(swap! local assoc :width (.-value (.-target %)))}]]
[:a.toggle-layout [:a.toggle-layout
{:href "#" {:href "#"
:on-click #(swap! local assoc :width width :height height)} :on-click #(swap! local assoc :width width :height height)}
i/toggle] i/toggle]
[:div.input-element.pixels
[:span "Height"]
[:input#project-height.input-text [:input#project-height.input-text
{:placeholder "Height" {:placeholder "Height"
:type "number" :type "number"
:min 0 ;;TODO check this value :min 0 ;;TODO check this value
:max 666666 ;;TODO check this value :max 666666 ;;TODO check this value
:value height :value height
:on-change #(swap! local assoc :height (.-value (.-target %)))}]] :on-change #(swap! local assoc :height (.-value (.-target %)))}]]]
;; Layout selector ;; Layout selector
(layout-selector local) (layout-selector local)
;; Submit ;; Submit

5
frontend/src/uxbox/main/ui/workspace/sidebar/sitemap_pageform.cljs
View file

@ -92,7 +92,7 @@
:on-change update-name}] :on-change update-name}]
[:div.project-size [:div.project-size
[:div.input-element.pixels [:div.input-element.pixels
[:input#project-witdh.input-text [:span "Width"] [:input#project-witdh.input-text
{:placeholder "Width" {:placeholder "Width"
:type "number" :type "number"
:min 0 :min 0
@ -101,6 +101,7 @@
:on-change #(update-size :width %)}]] :on-change #(update-size :width %)}]]
[:a.toggle-layout {:on-click toggle-sizes} i/toggle] [:a.toggle-layout {:on-click toggle-sizes} i/toggle]
[:div.input-element.pixels [:div.input-element.pixels
[:span "Height"]
[:input#project-height.input-text [:input#project-height.input-text
{:placeholder "Height" {:placeholder "Height"
:type "number" :type "number"
@ -141,5 +142,3 @@
(defmethod lbx/render-lightbox :page-form (defmethod lbx/render-lightbox :page-form
[{:keys [page]}] [{:keys [page]}]
(page-form-lightbox page)) (page-form-lightbox page))