mirror of
https://github.com/makeplane/plane.git
synced 2026-02-24 04:00:14 +01:00
db8b67102d
* style: improved profile settings * chore: minor improvements * style: improved workspace settings * style: workspace settings content * style: improved project settings * fix: project settings flat map * chore: add back navigation from settings pages * style: settings content * style: estimates list * refactor: remove old code * refactor: removed unnecessary line breaks * refactor: create a common component for page header * chore: add fade-in animation to sidebar * fix: formatting * fix: project settings sidebar header * fix: workspace settings sidebar header * fix: settings content wrapper scroll * chore: separate project settings features * fix: formatting * refactor: custom theme selector * refactor: settings headings * refactor: settings headings * fix: project settings sidebar padding * fix: sidebar header padding * fix: sidebar item permissions * fix: missing editable check * refactor: remove unused files * chore: remove unnecessary code * chore: add missing translations * fix: formatting
89 lines
1.6 KiB
CSS
89 lines
1.6 KiB
CSS
@theme {
|
|
/* slide up */
|
|
--animate-slide-up: slide-up 0.3s ease-out forwards;
|
|
@keyframes slide-up {
|
|
from {
|
|
transform: translateY(10px);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
/* slide in from bottom */
|
|
--animate-slide-in-from-bottom: slideInFromBottom 0.25s ease-out forwards;
|
|
@keyframes slideInFromBottom {
|
|
0% {
|
|
transform: translateY(100%);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
/* slide in from top */
|
|
--animate-slide-in-from-top: slideInFromTop 0.25s ease-out forwards;
|
|
@keyframes slideInFromTop {
|
|
0% {
|
|
transform: translateY(-100%);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
/* slide out */
|
|
--animate-slide-out: slideOut 0.25s ease-out forwards;
|
|
@keyframes slideOut {
|
|
0% {
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: translateY(-100%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
/* slide out down */
|
|
--animate-slide-out-down: slideOutDown 0.25s ease-out forwards;
|
|
@keyframes slideOutDown {
|
|
0% {
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: translateY(100%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
/* fade out */
|
|
--animate-fade-out: fadeOut 0.25s ease-out forwards;
|
|
@keyframes fadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
/* fade in */
|
|
--animate-fade-in: fadeIn 0.25s ease-out forwards;
|
|
@keyframes fadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|