Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-12 07:41:43 -05:00
Code Issues Activity

Moving editable select styles to the scss files

Browse source
This commit is contained in:
Jesús Espino 2016-12-23 11:50:05 +01:00
parent b733d9e06f
commit fed684c058
2 changed files with 37 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -248,6 +248,32 @@
width: 100%; width: 100%;
} }
.editable-select {
position: relative;
width: 100%;
height: 38px;
.input-text {
position: absolute;
top: 0;
left: 0;
width: 80%;
}
.input-select {
position: absolute;
top: 0;
left: 0;
border: none;
color: $color-white;
width: 100%;
option {
color: $intense-ui-text;
font-size: $fs12;
}
}
}
} }
.color-th { .color-th {

35
frontend/src/uxbox/main/ui/workspace/sidebar/options/text.cljs
View file

@ -91,35 +91,22 @@
[:span "Size and Weight"] [:span "Size and Weight"]
[:div.row-flex [:div.row-flex
[:div.editable-select [:div.editable-select
{:style {:position "relative"
:width "100%"
:height "38px"}}
[:select.input-select [:select.input-select
{:id "common-font-sizes" {:id "common-font-sizes"
:style {:position "absolute"
:top 0
:left 0
:border "none"
:color "white"
:width "100%"}
:on-change on-font-size-change} :on-change on-font-size-change}
[:option {:style {:color "black"} :value "8"} "8"] [:option {:value "8"} "8"]
[:option {:style {:color "black"} :value "9"} "9"] [:option {:value "9"} "9"]
[:option {:style {:color "black"} :value "10"} "10"] [:option {:value "10"} "10"]
[:option {:style {:color "black"} :value "11"} "11"] [:option {:value "11"} "11"]
[:option {:style {:color "black"} :value "12"} "12"] [:option {:value "12"} "12"]
[:option {:style {:color "black"} :value "14"} "14"] [:option {:value "14"} "14"]
[:option {:style {:color "black"} :value "18"} "18"] [:option {:value "18"} "18"]
[:option {:style {:color "black"} :value "24"} "24"] [:option {:value "24"} "24"]
[:option {:style {:color "black"} :value "36"} "36"] [:option {:value "36"} "36"]
[:option {:style {:color "black"} :value "48"} "48"] [:option {:value "48"} "48"]
[:option {:style {:color "black"} :value "72"} "72"]] [:option {:value "72"} "72"]]
[:input.input-text [:input.input-text
{:placeholder "Font Size" {:placeholder "Font Size"
:style {:position "absolute"
:top 0
:left 0
:width "80%"}
:type "number" :type "number"
:min "0" :min "0"
:max "200" :max "200"