hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-18 23:43:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

57053: progress menu bar

Browse Source
This commit is contained in:
lotte
2018-11-16 17:00:06 +01:00
parent 0c4784346b
commit cd5c7b72c2
22 changed files with 386 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/shared/animations/focus.ts
View File

@@ -2,18 +2,18 @@ import { animate, state, transition, trigger, style } from '@angular/animations'
export const focusShadow = trigger('focusShadow', [
state('focus', style({ 'box-shadow': 'rgba(119, 119, 119, 0.6) 0px 0px 6px' })),
state('focus', style({ boxShadow: 'rgba(119, 119, 119, 0.6) 0px 0px 6px' })),
state('blur', style({ 'box-shadow': 'none' })),
state('blur', style({ boxShadow: 'none' })),
transition('focus <=> blur', animate(250))
transition('focus <=> blur', [animate('250ms')])
]);
export const focusBackground = trigger('focusBackground', [
state('focus', style({ 'background-color': 'rgba(119, 119, 119, 0.1)' })),
state('focus', style({ backgroundColor: 'rgba(119, 119, 119, 0.1)' })),
state('blur', style({ 'background-color': 'transparent' })),
state('blur', style({ backgroundColor: 'transparent' })),
transition('focus <=> blur', animate(250))
transition('focus <=> blur', [animate('250ms')])
]);

16
src/app/shared/animations/slide.ts
View File

@@ -6,7 +6,7 @@ export const slide = trigger('slide', [
state('collapsed', style({ height: 0 })),
transition('expanded <=> collapsed', animate(250))
transition('expanded <=> collapsed', animate('250ms'))
]);
export const slideMobileNav = trigger('slideMobileNav', [
@@ -15,5 +15,17 @@ export const slideMobileNav = trigger('slideMobileNav', [
state('collapsed', style({ height: 0 })),
transition('expanded <=> collapsed', animate(300))
transition('expanded <=> collapsed', animate('300ms'))
]);
export const slideSidebar = trigger('slideSidebar', [
state('expanded',
style({ width: '{{ sidebarWidth }}' }),
{ params: { sidebarWidth: '*' } }
),
state('collapsed', style({ width: '*' })),
transition('expanded <=> collapsed', animate('300ms ease-in-out')),
]);