From 953f8cf44a94ab78941881b97bba68f09c7cdaa6 Mon Sep 17 00:00:00 2001
From: Sercan Yemen <sercanyemen@gmail.com>
Date: Fri, 18 Aug 2017 15:09:12 +0300
Subject: [PATCH] added header-bg image

---
 src/app/core/scss/partials/_page-layouts.scss       | 13 ++++++-------
 .../mail/sidenavs/main/main-sidenav.component.html  |  2 +-
 .../todo/sidenavs/main/main-sidenav.component.html  |  2 +-
 .../carded/fullwidth-2/fullwidth-2.component.html   |  2 +-
 .../carded/fullwidth/fullwidth.component.html       |  2 +-
 .../left-sidenav-2/left-sidenav-2.component.html    |  4 ++--
 .../carded/left-sidenav/left-sidenav.component.html |  4 ++--
 .../right-sidenav-2/right-sidenav-2.component.html  |  4 ++--
 .../right-sidenav/right-sidenav.component.html      |  4 ++--
 9 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/src/app/core/scss/partials/_page-layouts.scss b/src/app/core/scss/partials/_page-layouts.scss
index 60675e91..40dc010c 100644
--- a/src/app/core/scss/partials/_page-layouts.scss
+++ b/src/app/core/scss/partials/_page-layouts.scss
@@ -10,6 +10,9 @@ $header-height-sm: 100px !default;
 $carded-header-height-without-toolbar: $carded-header-height - $carded-toolbar-height;
 $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-toolbar-height;
 
+// Top bg image
+$top-bg-image: url('assets/images/backgrounds/header-bg.png');
+
 .page-layout {
     position: relative;
     overflow-x: hidden;
@@ -31,6 +34,7 @@ $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-too
             right: 0;
             left: 0;
             height: $carded-header-height;
+            background-image: $top-bg-image;
 
             @include media-breakpoint('sm') {
                 height: $carded-header-height-sm;
@@ -269,13 +273,8 @@ $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-too
         min-width: 100%;
 
         // Top bg
-        .top-bg {
-            position: absolute;
-            z-index: 1;
-            top: 0;
-            right: 0;
-            left: 0;
-            height: $header-height;
+        .header {
+            background-image: $top-bg-image;
         }
 
         // Fullwidth
diff --git a/src/app/main/content/apps/mail/sidenavs/main/main-sidenav.component.html b/src/app/main/content/apps/mail/sidenavs/main/main-sidenav.component.html
index e47e329e..d0e364e4 100644
--- a/src/app/main/content/apps/mail/sidenavs/main/main-sidenav.component.html
+++ b/src/app/main/content/apps/mail/sidenavs/main/main-sidenav.component.html
@@ -1,5 +1,5 @@
 <!-- SIDENAV HEADER -->
-<div class="header md-accent-bg p-24" fxLayout="column" fxLayoutAlign="space-between start">
+<div class="header white-fg p-24" fxLayout="column" fxLayoutAlign="space-between start">
     <div class="logo" fxFlex fxLayout="row" fxLayoutAlign="start center">
         <md-icon class="logo-icon s-32 white-fg">mail</md-icon>
         <span class="logo-text">Mailbox</span>
diff --git a/src/app/main/content/apps/todo/sidenavs/main/main-sidenav.component.html b/src/app/main/content/apps/todo/sidenavs/main/main-sidenav.component.html
index 685fc6cd..15d86cbe 100644
--- a/src/app/main/content/apps/todo/sidenavs/main/main-sidenav.component.html
+++ b/src/app/main/content/apps/todo/sidenavs/main/main-sidenav.component.html
@@ -1,5 +1,5 @@
 <!-- SIDENAV HEADER -->
-<div class="header md-accent-bg p-24" fxLayout="column" fxLayoutAlign="space-between start">
+<div class="header white-fg p-24" fxLayout="column" fxLayoutAlign="space-between start">
     <div class="logo" fxFlex fxLayout="row" fxLayoutAlign="start center">
         <md-icon class="logo-icon s-32 white-fg">check_box</md-icon>
         <span class="logo-text">To-do</span>
diff --git a/src/app/main/content/ui/page-layouts/carded/fullwidth-2/fullwidth-2.component.html b/src/app/main/content/ui/page-layouts/carded/fullwidth-2/fullwidth-2.component.html
index 7614d07a..9034087b 100644
--- a/src/app/main/content/ui/page-layouts/carded/fullwidth-2/fullwidth-2.component.html
+++ b/src/app/main/content/ui/page-layouts/carded/fullwidth-2/fullwidth-2.component.html
@@ -8,7 +8,7 @@
     <div class="center">
 
         <!-- CONTENT HEADER -->
-        <div class="header md-accent-bg p-24" fxLayout="row" fxLayoutAlign="start center">
+        <div class="header white-fg p-24" fxLayout="row" fxLayoutAlign="start center">
             <h2>Fullwidth with page scroll</h2>
         </div>
         <!-- / CONTENT HEADER -->
diff --git a/src/app/main/content/ui/page-layouts/carded/fullwidth/fullwidth.component.html b/src/app/main/content/ui/page-layouts/carded/fullwidth/fullwidth.component.html
index 6158f814..0f569649 100644
--- a/src/app/main/content/ui/page-layouts/carded/fullwidth/fullwidth.component.html
+++ b/src/app/main/content/ui/page-layouts/carded/fullwidth/fullwidth.component.html
@@ -8,7 +8,7 @@
     <div class="center">
 
         <!-- CONTENT HEADER -->
-        <div class="header md-accent-bg p-24" fxLayout="row" fxLayoutAlign="start center">
+        <div class="header white-fg p-24" fxLayout="row" fxLayoutAlign="start center">
             <h2>Fullwidth with content scroll</h2>
         </div>
         <!-- / CONTENT HEADER -->
diff --git a/src/app/main/content/ui/page-layouts/carded/left-sidenav-2/left-sidenav-2.component.html b/src/app/main/content/ui/page-layouts/carded/left-sidenav-2/left-sidenav-2.component.html
index c497e120..894a42dd 100644
--- a/src/app/main/content/ui/page-layouts/carded/left-sidenav-2/left-sidenav-2.component.html
+++ b/src/app/main/content/ui/page-layouts/carded/left-sidenav-2/left-sidenav-2.component.html
@@ -11,7 +11,7 @@
                     fuseMdSidenavHelper="carded-left-sidenav" md-is-locked-open="gt-md">
 
             <!-- SIDENAV HEADER -->
-            <div class="header md-accent-bg p-24">
+            <div class="header p-24">
                 <h2>Sidenav header</h2>
             </div>
             <!-- / SIDENAV HEADER -->
@@ -29,7 +29,7 @@
         <div class="center">
 
             <!-- CONTENT HEADER -->
-            <div class="header md-accent-bg p-24">
+            <div class="header white-fg p-24">
                 <h2>Left sidenav with page scroll</h2>
             </div>
             <!-- / CONTENT HEADER -->
diff --git a/src/app/main/content/ui/page-layouts/carded/left-sidenav/left-sidenav.component.html b/src/app/main/content/ui/page-layouts/carded/left-sidenav/left-sidenav.component.html
index 0790f2b6..f931140a 100644
--- a/src/app/main/content/ui/page-layouts/carded/left-sidenav/left-sidenav.component.html
+++ b/src/app/main/content/ui/page-layouts/carded/left-sidenav/left-sidenav.component.html
@@ -11,7 +11,7 @@
                     fuseMdSidenavHelper="carded-left-sidenav" md-is-locked-open="gt-md">
 
             <!-- SIDENAV HEADER -->
-            <div class="header md-accent-bg p-24">
+            <div class="header p-24">
                 <h2>Sidenav header</h2>
             </div>
             <!-- / SIDENAV HEADER -->
@@ -31,7 +31,7 @@
         <div class="center">
 
             <!-- CONTENT HEADER -->
-            <div class="header md-accent-bg p-24">
+            <div class="header white-fg p-24">
                 <h2>Left sidenav with content scroll</h2>
             </div>
             <!-- / CONTENT HEADER -->
diff --git a/src/app/main/content/ui/page-layouts/carded/right-sidenav-2/right-sidenav-2.component.html b/src/app/main/content/ui/page-layouts/carded/right-sidenav-2/right-sidenav-2.component.html
index c6913b52..351dcbc7 100644
--- a/src/app/main/content/ui/page-layouts/carded/right-sidenav-2/right-sidenav-2.component.html
+++ b/src/app/main/content/ui/page-layouts/carded/right-sidenav-2/right-sidenav-2.component.html
@@ -10,7 +10,7 @@
         <div class="center">
 
             <!-- CONTENT HEADER -->
-            <div class="header md-accent-bg p-24">
+            <div class="header white-fg p-24">
                 <h2>Right sidenav with page scroll</h2>
             </div>
             <!-- / CONTENT HEADER -->
@@ -49,7 +49,7 @@
                     fuseMdSidenavHelper="carded-right-sidenav" md-is-locked-open="gt-md">
 
             <!-- SIDENAV HEADER -->
-            <div class="header md-accent-bg p-24">
+            <div class="header p-24">
                 <h2>Sidenav header</h2>
             </div>
             <!-- / SIDENAV HEADER -->
diff --git a/src/app/main/content/ui/page-layouts/carded/right-sidenav/right-sidenav.component.html b/src/app/main/content/ui/page-layouts/carded/right-sidenav/right-sidenav.component.html
index 564052fc..047a4137 100644
--- a/src/app/main/content/ui/page-layouts/carded/right-sidenav/right-sidenav.component.html
+++ b/src/app/main/content/ui/page-layouts/carded/right-sidenav/right-sidenav.component.html
@@ -10,7 +10,7 @@
         <div class="center">
 
             <!-- CONTENT HEADER -->
-            <div class="header md-accent-bg p-24">
+            <div class="header white-fg p-24">
                 <h2>Right sidenav with content scroll</h2>
             </div>
             <!-- / CONTENT HEADER -->
@@ -49,7 +49,7 @@
                     fuseMdSidenavHelper="carded-right-sidenav" md-is-locked-open="gt-md">
 
             <!-- SIDENAV HEADER -->
-            <div class="header md-accent-bg p-24">
+            <div class="header p-24">
                 <h2>Sidenav header</h2>
             </div>
             <!-- / SIDENAV HEADER -->