3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-09 18:46:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix workspace UI sizes

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
frontend/resources/styles/common/dependencies/helpers.scss
View file

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

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

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

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

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

10
frontend/resources/styles/main/partials/sidebar-layers.scss
View file

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

4
frontend/resources/styles/main/partials/sidebar-sitemap.scss
View file

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

2
frontend/resources/styles/main/partials/sidebar.scss
View file

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