From 4c10e5b9e591b2453a1659e513e6a818aa00f69f Mon Sep 17 00:00:00 2001
From: Hsuan Lee <HsuanGM@gmail.com>
Date: Wed, 23 Oct 2019 18:25:30 +0800
Subject: [PATCH] fix(module:page-header): fix break change on the style
 (#4303)

---
 .../page-header/nz-page-header.component.ts     |  2 +-
 components/page-header/style/index.less         | 17 +++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/components/page-header/nz-page-header.component.ts b/components/page-header/nz-page-header.component.ts
index e53645f9909..a5269358dc0 100644
--- a/components/page-header/nz-page-header.component.ts
+++ b/components/page-header/nz-page-header.component.ts
@@ -31,7 +31,7 @@ import { NzPageHeaderFooterDirective } from './nz-page-header-cells';
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   host: {
-    class: 'ant-page-header',
+    class: 'ant-page-header ant-page-header-ghost',
     '[class.ant-page-header-has-footer]': 'nzPageHeaderFooter'
   },
   styles: [
diff --git a/components/page-header/style/index.less b/components/page-header/style/index.less
index 11f5219cd65..930c15302a7 100644
--- a/components/page-header/style/index.less
+++ b/components/page-header/style/index.less
@@ -7,21 +7,26 @@
   .reset-component;
 
   position: relative;
-  padding: @page-header-padding;
+  padding: @page-header-padding-vertical @page-header-padding;
+  background-color: @component-background;
+
+  &-ghost {
+    background-color: inherit;
+  }
 
   &.has-breadcrumb {
     padding-top: @page-header-padding-breadcrumb;
   }
 
   &.has-footer {
-    padding-bottom: @page-header-padding-vertical;
+    padding-bottom: 0;
   }
 
   &-back {
     float: left;
-    margin: 6px 0;
+    margin: 8px 0;
     margin-right: 16px;
-    font-size: 20px;
+    font-size: 16px;
     line-height: 1;
     &-button {
       .operation-unit();
@@ -50,7 +55,7 @@
       padding-right: 12px;
       color: @heading-color;
       font-weight: 600;
-      font-size: @heading-3-size;
+      font-size: @heading-4-size;
       line-height: 32px;
     }
 
@@ -85,7 +90,7 @@
   }
 
   &-content {
-    padding-top: 16px;
+    padding-top: 12px;
     overflow: hidden;
   }