0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-04-14 07:51:35 -05:00

Fix workspace UI sizes

This commit is contained in:
Juan de la Cruz 2020-04-25 18:26:17 +02:00
parent 338b5f3778
commit d050103f58
6 changed files with 17 additions and 17 deletions

View file

@ -37,7 +37,7 @@ $br-big: 8px;
.row-flex {
align-items: center;
display: flex;
margin-bottom: $small;
margin-bottom: $x-small;
&.column {
flex-direction: column;

View file

@ -158,7 +158,7 @@
border: 1px solid $color-gray-30;
border-radius: $br-small;
color: $color-gray-20;
height: 25px;
height: 20px;
margin: 5px 0 0 0;
padding: 0 $x-small;
width: 58px;

View file

@ -69,7 +69,7 @@
.element-set-title {
color: $color-gray-10;
display: flex;
font-size: $fs14;
font-size: $fs13;
padding: $small $x-small;
width: 100%;
}
@ -100,7 +100,7 @@
span {
color: $color-gray-20;
font-size: $fs14;
font-size: $fs12;
max-width: 75%;
overflow-x: hidden;
text-overflow: ellipsis;
@ -182,14 +182,14 @@
.element-set-content {
display: flex;
flex-direction: column;
padding: $small $x-small;
padding: $x-small;
.input-text {
background-color: $color-gray-50;
border: 1px solid transparent;
border-bottom-color: $color-gray-40;
color: $color-gray-10;
font-size: $fs13;
font-size: $fs12;
margin: $x-small;
padding: $x-small;
width: 100%;
@ -217,7 +217,7 @@
.element-set-subtitle {
color: $color-gray-10;
font-size: $fs12;
font-size: $fs11;
width: 12rem;
}
@ -356,9 +356,9 @@
border-radius: $br-small;
cursor: pointer;
flex-shrink: 0;
height: 25px;
height: 20px;
margin: 5px 4px 0 0;
width: 25px;
width: 20px;
&.palette-th {
align-items: center;

View file

@ -8,17 +8,17 @@
.element-list-body {
align-items: center;
display: flex;
height: 35px;
height: 32px;
padding: $x-small $small;
transition: none;
width: 100%;
svg {
fill: $color-gray-20;
height: 16px;
height: 13px;
flex-shrink: 0;
margin-right: 8px;
width: 16px;
width: 13px;
}
&.group {
@ -123,7 +123,7 @@ input.element-name {
span.element-name {
color: $color-gray-20;
display: block;
font-size: $fs13;
font-size: $fs12;
max-width: 130px;
min-width: 40px;
min-height: 16px;
@ -179,7 +179,7 @@ span.element-name {
width: 12px;
svg {
fill: $color-gray-30;
fill: $color-gray-20;
transform: rotate(90deg);
width: 10px;
}

View file

@ -21,7 +21,7 @@
svg {
fill: $color-gray-30;
height: 13px;
margin-right: $small;
margin-right: $x-small;
width: 13px;
}
@ -29,7 +29,7 @@
span {
color: $color-gray-20;
font-size: $fs13;
font-size: $fs12;
max-width: 75%;
overflow-x: hidden;
text-overflow: ellipsis;

View file

@ -81,7 +81,7 @@
span {
color: $color-gray-10;
font-size: $fs14;
font-size: $fs13;
}
.tool-window-icon {