Merge branch 'master' into skeleton

src/app/core/scss/partials/_angular-material-fix.scss

@@ -1,3 +1,4 @@
+// Fix: "Icon button ripple radius is not correct on Edge & Safari"
 .mat-icon-button {
 
     .mat-button-ripple {
@@ -5,6 +6,7 @@
     }
 }
 
+// Fix: "Sidenav opening with animations for the first time"
 md-sidenav-container {
 
     md-sidenav {
@@ -39,3 +41,21 @@ md-sidenav-container {
     .mat-drawer-content {
     }
 }
+
+// Fix: "Inconsistent font sizes across elements"
+.mat-input-wrapper {
+    font-size: 16px;
+}
+
+.mat-checkbox {
+    font-size: 16px;
+}
+
+.mat-radio-button {
+    font-size: 16px;
+}
+
+.mat-pseudo-checkbox-checked:after {
+    width: 14px;
+    height: 7px;
+}

src/app/core/scss/partials/_print.scss

@@ -4,8 +4,9 @@
 
 @media all {
 
-    /* Never show page break in normal view */
+    /* Never show page breaks in normal view */
-    .page-break {
+    .page-break-after,
+    .page-break-before {
         display: none;
     }
 
@@ -13,22 +14,30 @@
 
 @media print {
 
-    /* Page Styles */
+    /* html and body tweaks */
-    @page {
+    html, body {
-        //margin: 0.5cm;
+        height: auto !important;
+        overflow: initial !important;
     }
 
-    /* Page break */
+    /* Page breaks */
-    .page-break {
+    .page-break-after {
         display: block;
-        break-after: always;
         page-break-after: always;
+        position: relative;
+    }
+
+    .page-break-before {
+        display: block;
+        page-break-before: always;
+        position: relative;
     }
 
     /* General styles */
     fuse-root {
 
-        fuse-navbar,
+        fuse-navbar-vertical,
+        fuse-navbar-horizontal,
         fuse-toolbar,
         fuse-footer,
         fuse-quick-panel,
@@ -41,11 +50,16 @@
         .ps {
             overflow: visible !important;
         }
-    }
 
-    /* Printable page specific styles */
+        .mat-drawer-container,
-    .printable {
+        .mat-sidenav-container {
-        overflow: visible !important;
+            background-color: white !important;
-        height: auto !important;
+
+            .mat-drawer-content,
+            .mat-sidenav-content {
+                overflow: initial !important;
+                height: auto !important
+            }
+        }
     }
 }

src/app/main/toolbar/toolbar.component.scss

@@ -30,7 +30,7 @@
     }
 
     .user-button,
-    .search-button,
+    fuse-search-bar,
     .language-button,
     .quick-panel-toggle-button {
         min-width: 64px;