Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-11 23:31:21 -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%;
}
.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 {

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

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