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

Merge pull request #1631 from penpot/fix/color_palette_animation

Browse source 
🐛 Fix color palette animation
This commit is contained in:
Andrey Antukh 2022-02-25 09:15:39 +01:00 • committed by GitHub
commit fe6ed2ceae
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 12 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1494,6 +1494,7 @@
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
max-height: 0px;
}
100% {
@ -1587,6 +1588,7 @@
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
max-height: 0px;
}
}

4
frontend/resources/styles/main/partials/color-palette.scss
View file

@ -5,7 +5,7 @@
// Copyright (c) UXBOX Labs SL
.color-palette {
@include animation(0, 0.5s, fadeInUp);
@include animation(0, 0.3s, fadeInUp);
align-items: center;
background-color: $color-gray-50;
border-top: 1px solid $color-gray-60;
@ -42,7 +42,7 @@
}
&.fade-out-down {
@include animation(0, 0.5s, fadeOutDown);
@include animation(0, 0.3s, fadeOutDown);
}
& .context-menu-items {

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

@ -63,7 +63,6 @@ $height-palette-max: 80px;
.color-palette {
grid-area: color-palette;
min-height: $height-palette-min;
max-height: $height-palette-max;
height: var(--height, $height-palette);
}