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

WIP UI dashboard changes

Browse source
This commit is contained in:
elhombretecla 2020-10-20 11:48:17 +02:00
parent 6f58899f90
commit 0e3c3ebfbd
4 changed files with 16 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

1
frontend/resources/styles/common/framework.scss
View file

@ -17,6 +17,7 @@
font-size: $fs13; font-size: $fs13;
height: 30px; height: 30px;
justify-content: center; justify-content: center;
min-width: 25px;
padding: 0 1rem; padding: 0 1rem;
transition: all .4s; transition: all .4s;
svg { svg {

3
frontend/resources/styles/main/partials/dashboard-sidebar.scss
View file

@ -48,7 +48,7 @@
top: 50px; top: 50px;
z-index: 12; z-index: 12;
max-height: 30rem; max-height: 30rem;
min-width: 110px; min-width: 116px;
} }
.switch-content { .switch-content {
@ -86,6 +86,7 @@
.team-name { .team-name {
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
height: 48px;
align-items: center; align-items: center;
.team-icon { .team-icon {

1
frontend/resources/styles/main/partials/modal.scss
View file

@ -110,6 +110,7 @@
h3 { h3 {
color: $color-gray-40; color: $color-gray-40;
font-size: $fs16; font-size: $fs16;
font-weight: 400;
} }
} }

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

@ -268,8 +268,9 @@
} }
.custom-select { .custom-select {
cursor: pointer;
border: 1px solid $color-gray-40; border: 1px solid $color-gray-40;
border-radius: $br-small;
cursor: pointer;
padding: $x-small $big $x-small $x-small; padding: $x-small $big $x-small $x-small;
position: relative; position: relative;
@ -295,16 +296,17 @@
} }
.custom-select-dropdown { .custom-select-dropdown {
position: absolute;
left: 0;
z-index: 12;
max-height: 30rem;
min-width: 7rem;
overflow-y: auto;
background-color: $color-white; background-color: $color-white;
border-radius: $br-small; border-radius: $br-small;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
left: 0;
max-height: 30rem;
min-width: 7rem;
position: absolute;
overflow-y: auto;
top: 30px;
z-index: 12;
.presets { .presets {
width: 200px; width: 200px;
@ -834,8 +836,8 @@
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
svg { svg {
width: 16px; width: 12px;
height: 16px; height: 12px;
fill: $color-gray-20; fill: $color-gray-20;
} }