mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-30 12:11:56 +00:00
0469aab433
* wip * update marketplace categories styling * update logo icons * add sort pipe * update search component styling * clean up categories component * cleanup and remove unnecessary sort pipe * query packages in selected category * fix search styling * add reg icon and font, adjust category styles * fix build from rebasing integration/refactors * adjust marketplace types for icon with store data, plus formatting * formatting * update categories and search * hover styling for categories * category styling * refactor for category as a behavior subject * more category styling * base functionality with new marketplace components * styling cleanup * misc style fixes and fix category selection from package page * fixes from review feedback * add and style additional details * implement release notes modal * fix menu when on service show page mobile to display change marketplace * style and responsiveness fixes * rename header to sidebar * input icon config to sidebar * add mime type pipe and type fn * review feedback fixes * skeleton text, more abstraction * reorder categories, clean up a little * audit sidebar, categories, store-icon, marketplace-sidebar, search * finish code cleanup and fix few bugs * misc fixes and cleanup * fix broken styles and markdown * bump shared marketplace version * more cleanup * sync package lock * rename sidebar component to menu * wip preview sidebar * sync package lock * breakout package show elements into components * link to brochure in preview; custom taiga button styles * move marketplace preview component into ui; open preview when viewing service in marketplace * sync changes post file struture rename * further cleanup * create service for sidebar toggle and cleanup marketplace components * bump shared marketplace version * bump shared for new images needed for brochure marketplace * cleanup --------- Co-authored-by: Matt Hill <mattnine@protonmail.com>
34 lines
758 B
TypeScript
34 lines
758 B
TypeScript
import {
|
|
animate,
|
|
group,
|
|
query,
|
|
style,
|
|
transition,
|
|
trigger,
|
|
} from '@angular/animations'
|
|
export const slideInAnimation = trigger('routeAnimations', [
|
|
transition('* => *', [
|
|
query(':enter, :leave', style({ position: 'fixed', width: '100%' }), {
|
|
optional: true,
|
|
}),
|
|
group([
|
|
query(
|
|
':enter',
|
|
[
|
|
style({ transform: 'translateX(-100%)' }),
|
|
animate('1s ease-in-out', style({ transform: 'translateX(0%)' })),
|
|
],
|
|
{ optional: true },
|
|
),
|
|
query(
|
|
':leave',
|
|
[
|
|
style({ transform: 'translateX(0%)' }),
|
|
animate('1s ease-in-out', style({ transform: 'translateX(100%)' })),
|
|
],
|
|
{ optional: true },
|
|
),
|
|
]),
|
|
]),
|
|
])
|