purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-10 04:25:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

IE11 and Edge fixes on page layouts and theme layouts

Browse Source
This commit is contained in:
Sercan Yemen 2018-06-15 16:28:02 +03:00
parent 5459579d04
commit e43ae86a58
4 changed files with 28 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/@fuse/scss/partials/_page-layouts.scss
View File

@ -48,7 +48,7 @@ $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-too
z-index: 2;
padding: 0 32px;
width: 100%;
min-width: 100%;
min-width: 0;
max-width: 100%;
max-height: 100%;
@ -244,6 +244,7 @@ $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-too
z-index: 3;
margin-left: 32px;
margin-right: 32px;
min-width: 0;
> .header {
display: flex;
@ -415,6 +416,7 @@ $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-too
> .content {
flex: 1 1 auto;
min-width: 0;
}
}
@ -476,6 +478,7 @@ $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-too
flex-direction: column;
flex: 1 1 auto;
z-index: 3;
min-width: 0;
@include mat-elevation(7);
> .header {

16
src/app/layout/components/content/content.component.ts
View File

@ -18,19 +18,19 @@ export class ContentComponent implements OnInit, OnDestroy
{
fuseConfig: any;
@HostBinding('@routerTransitionUp')
// @HostBinding('@routerTransitionUp')
routeAnimationUp: boolean;
@HostBinding('@routerTransitionDown')
// @HostBinding('@routerTransitionDown')
routeAnimationDown: boolean;
@HostBinding('@routerTransitionRight')
// @HostBinding('@routerTransitionRight')
routeAnimationRight: boolean;
@HostBinding('@routerTransitionLeft')
// @HostBinding('@routerTransitionLeft')
routeAnimationLeft: boolean;
@HostBinding('@routerTransitionFade')
// @HostBinding('@routerTransitionFade')
routeAnimationFade: boolean;
// Private
@ -75,7 +75,8 @@ export class ContentComponent implements OnInit, OnDestroy
filter((event) => event instanceof NavigationEnd),
map(() => this._activatedRoute)
)
.subscribe(() => {
.subscribe(() =>
{
switch (this.fuseConfig.routerAnimation)
{
case 'fadeIn':
@ -100,7 +101,8 @@ export class ContentComponent implements OnInit, OnDestroy
this._fuseConfigService.config
.pipe(takeUntil(this._unsubscribeAll))
.subscribe(
(config) => {
(config) =>
{
this.fuseConfig = config;
}
);

10
src/app/layout/horizontal/layout-1/layout-1.component.scss
View File

@ -26,7 +26,7 @@ horizontal-layout-1 {
> .container {
position: relative;
display: flex;
flex: 1 1 auto;
flex: 1 1 0%;
width: 100%;
min-height: 0;
min-width: 0;
@ -35,7 +35,7 @@ horizontal-layout-1 {
> .container {
position: relative;
display: flex;
flex: 1 1 auto;
flex: 1 1 0%;
flex-direction: column;
min-width: 0;
@ -43,7 +43,7 @@ horizontal-layout-1 {
> .container {
position: relative;
display: flex;
flex: 1 1 auto;
flex: 1 1 0%;
flex-direction: column;
transform: translateZ(0);
overflow-x: hidden;
@ -53,11 +53,11 @@ horizontal-layout-1 {
content {
&.inner-scroll {
flex: 1 1 auto;
flex: 1 1 0%;
min-height: 0;
> *:not(router-outlet) {
flex: 1 1 auto;
flex: 1 1 0%;
}
}
}

10
src/app/layout/vertical/layout-1/layout-1.component.scss
View File

@ -26,7 +26,7 @@ vertical-layout-1 {
> .container {
position: relative;
display: flex;
flex: 1 1 auto;
flex: 1 1 0%;
width: 100%;
min-height: 0;
min-width: 0;
@ -35,7 +35,7 @@ vertical-layout-1 {
> .container {
position: relative;
display: flex;
flex: 1 1 auto;
flex: 1 1 0%;
flex-direction: column;
min-width: 0;
@ -43,7 +43,7 @@ vertical-layout-1 {
> .container {
position: relative;
display: flex;
flex: 1 1 auto;
flex: 1 1 0%;
flex-direction: column;
transform: translateZ(0);
overflow-x: hidden;
@ -53,11 +53,11 @@ vertical-layout-1 {
content {
&.inner-scroll {
flex: 1 1 auto;
flex: 1 1 0%;
min-height: 0;
> *:not(router-outlet) {
flex: 1 1 auto;
flex: 1 1 0%;
}
}
}