[ADF-5406] SCSS and HTML template path fixes (#7063)

* remove useless mixin

* fix scss paths

* style fixes

* fix styles

* style fixes

* style fixes

* style fixes

* style fixes

* insights fixes

* css and template path fixes

* bug fixes

lib/core/layout/components/header/header.component.scss

@@ -1,5 +1,3 @@
-@import '~@angular/material/theming';
-
 @mixin  adf-header-layout-theme($theme) {
     $primary: map-get($theme, primary);
     $accent: map-get($theme, accent);
@@ -54,7 +52,7 @@
             padding: 0;
         }
 
-        @media screen and ($mat-xsmall) {
+        @media screen and (max-width: 599px) {
             .adf-app-logo,
             .adf-app-title {
                 display: none;

lib/core/layout/components/layout-container/layout-container.component.scss

@@ -1,5 +1,3 @@
-@import '~@angular/material/theming';
-
 @mixin adf-layout-container-theme($theme) {
     $background: map-get($theme, background);
     $foreground: map-get($theme, foreground);

lib/core/layout/components/layout-container/layout-container.component.ts

@@ -23,7 +23,6 @@ import { Direction } from '@angular/cdk/bidi';
 @Component({
     selector: 'adf-layout-container',
     templateUrl: './layout-container.component.html',
-    styleUrls: ['./layout-container.component.scss'],
     encapsulation: ViewEncapsulation.None,
     animations: [sidenavAnimation, contentAnimation]
 })

lib/core/layout/components/sidebar-action/sidebar-action-menu.component.scss

@@ -1,5 +1,3 @@
-@import '~@angular/material/theming';
-
 @mixin  adf-sidebar-action-menu-theme($theme) {
 
     $primary: map-get($theme, primary);

lib/core/layout/components/sidebar-action/sidebar-action-menu.component.ts

@@ -20,7 +20,6 @@ import { ChangeDetectionStrategy, Component, Directive, Input, ViewEncapsulation
 @Component({
     selector: 'adf-sidebar-action-menu',
     templateUrl: './sidebar-action-menu.component.html',
-    styleUrls: ['./sidebar-action-menu.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
     host: { 'class': 'adf-sidebar-action-menu' }

lib/core/layout/components/sidenav-layout/sidenav-layout.component.scss

@@ -1,6 +1,4 @@
 @mixin adf-sidenav-layout-theme($theme) {
-    $adf-sidenav-max: 300px !default;
-
     .adf-sidenav-layout {
 
         &-full-space {
@@ -27,7 +25,7 @@
         @include layout-bp(lt-sm) {
             .mat-drawer {
                 width: calc(-50px + 100vw) !important;
-                max-width: $adf-sidenav-max !important;
+                max-width: 300px !important;
             }
         }
 

lib/core/layout/components/sidenav-layout/sidenav-layout.component.ts

@@ -40,7 +40,6 @@ import { takeUntil } from 'rxjs/operators';
 @Component({
     selector: 'adf-sidenav-layout',
     templateUrl: './sidenav-layout.component.html',
-    styleUrls: ['./sidenav-layout.component.scss'],
     encapsulation: ViewEncapsulation.None,
     host: { class: 'adf-sidenav-layout' }
 })