inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF_NOISSUE] Fix styling and sidenav layout fixes (#3291)

Browse Source 
* Fix styling and sidenav layout fixes

* Revert packagr conflicting mods
This commit is contained in:
Popovics András
2018-05-09 16:11:25 +01:00
committed by Eugenio Romano
parent faeab853f7
commit 641f7d9695
3 changed files with 43 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
lib/core/sidenav-layout/components/layout-container/layout-container.component.scss
View File

@@ -1,49 +1,48 @@
:host {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
@mixin adf-layout-container-theme($theme) {
$foreground: map-get($theme, foreground);
ng-content {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
adf-layout-container {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.sidenav--hidden {
visibility: hidden !important;
width: 0 !important;
transform: unset !important;
opacity: 0 !important;
}
ng-content {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.mat-sidenav-container {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.sidenav--hidden {
visibility: hidden !important;
width: 0 !important;
transform: unset !important;
opacity: 0 !important;
}
.mat-sidenav {
overflow: hidden;
border-right: 1px solid mat-color($foreground, text, 0.07);
}
.mat-sidenav-container {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.mat-sidenav {
overflow: hidden;
border-right: 1px solid mat-color($foreground, text, 0.07);
}
mat-sidenav-content {
margin-left:0px !important;
}
mat-sidenav-content {
margin-left: 0px !important;
}
.mat-sidenav-content,
.mat-drawer-transition .mat-drawer-content {
transform: unset !important;
transition-property: unset !important;
transition-duration: unset !important;
transition-timing-function: unset !important;
}
.mat-sidenav-content,
.mat-drawer-transition .mat-drawer-content {
transform: unset !important;
transition-property: unset !important;
transition-duration: unset !important;
transition-timing-function: unset !important;
}
}

3
lib/core/sidenav-layout/components/layout-container/layout-container.component.ts
View File

@@ -15,7 +15,7 @@
* limitations under the License.
*/
import { Component, Input, ViewChild, OnInit, OnDestroy } from '@angular/core';
import { Component, Input, ViewChild, OnInit, OnDestroy, ViewEncapsulation } from '@angular/core';
import { MatSidenav } from '@angular/material';
import { sidenavAnimation, contentAnimation } from '../../helpers/animations';
@@ -23,6 +23,7 @@ import { sidenavAnimation, contentAnimation } from '../../helpers/animations';
selector: 'adf-layout-container',
templateUrl: './layout-container.component.html',
styleUrls: ['./layout-container.component.scss'],
encapsulation: ViewEncapsulation.None,
animations: [ sidenavAnimation, contentAnimation ]
})
export class LayoutContainerComponent implements OnInit, OnDestroy {