[ACA-2960] Add background image and elevation to header (#1389)

This commit is contained in:
Baptiste Mahé
2020-03-27 19:06:47 +01:00
committed by GitHub
parent 26f94b6798
commit 4536224cd4
2 changed files with 79 additions and 14 deletions

View File

@@ -1,23 +1,35 @@
@import '~@angular/material/theming';
@mixin app-header-theme($theme) {
$foreground: map-get($theme, foreground);
.adf-app-title {
color: mat-color($foreground, text, 0.72);
}
.app-header {
@include mat-elevation(6, #000000, 0.1);
z-index: 2;
.adf-menu-icon {
color: mat-color($foreground, text, 0.72) !important;
}
.mat-toolbar {
background-image: url('./assets/images/mastHead-bg-shapesPattern.svg') !important;
background-repeat: no-repeat !important;
.aca-current-user {
color: mat-color($foreground, text, 0.72) !important;
}
.adf-app-title {
color: mat-color($foreground, text, 0.72);
}
.adf-toolbar-divider div {
background-color: mat-color($foreground, text, 0.72) !important;
}
.adf-menu-icon {
color: mat-color($foreground, text, 0.72) !important;
}
.app-toolbar-menu {
color: mat-color($foreground, text, 0.72) !important;
.aca-current-user {
color: mat-color($foreground, text, 0.72) !important;
}
.adf-toolbar-divider div {
background-color: mat-color($foreground, text, 0.72) !important;
}
.app-toolbar-menu {
color: mat-color($foreground, text, 0.72) !important;
}
}
}
}