3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-03 11:38:21 +02:00
Code Issues Projects Releases Packages Wiki Activity

♻️ Refactor shape options sidebar.

Browse source
This commit is contained in:
Andrey Antukh 2020-04-07 19:52:37 +02:00
parent 8b7d613b99
commit 54f6e7cc9e
11 changed files with 378 additions and 268 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/resources/styles/main/partials/colorpicker.scss
View file

@ -154,16 +154,18 @@
.color-info {
input {
border: 1px solid $color-gray-40;
background-color: $color-gray-50;
border: 1px solid $color-gray-30;
border-radius: $br-small;
color: $color-gray-10;
margin: 3px 0 0 $x-small;
color: $color-gray-20;
height: 25px;
margin: 5px 0 0 0;
padding: 0 $x-small;
width: 58px;
font-size: $fs13;
&:focus {
border-color: $color-gray-10;
color: $color-white;
}
}
}

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

@ -214,9 +214,10 @@
}
}
span {
.element-set-subtitle {
color: $color-gray-10;
font-size: $fs12;
width: 12rem;
}
.lock-size {
@ -255,6 +256,7 @@
}
.custom-select {
cursor: pointer;
border: 1px solid $color-gray-40;
padding: $x-small $big $x-small $x-small;
position: relative;
@ -271,6 +273,10 @@
}
}
span {
font-size: $fs13;
}
.custom-select-dropdown {
position: absolute;
left: 0;
@ -343,12 +349,12 @@
.color-th {
background-color: $color-gray-lighter;
border: 1px solid $color-gray-40;
border: 1px solid $color-gray-10;
border-radius: $br-small;
cursor: pointer;
flex-shrink: 0;
height: 25px;
margin: 5px 4px 0 4px;
margin: 5px 4px 0 0;
width: 25px;
&.palette-th {
@ -436,10 +442,11 @@
margin-left: $small;
svg {
cursor: pointer;
height: 20px;
stroke: $color-gray-40;
stroke-width: 30px;
height: 25px;
width: 25px;
width: 20px;
}
&:hover {