fix(module:page-header): fix break change on the style (#4303)

NG-ZORRO · Oct 23, 2019 · 4c10e5b · 4c10e5b
1 parent 5b6086b
commit 4c10e5b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git 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
@@ -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;
   }