Merge pull request #163 from dxc-technology/layout-standard

aidamag · web-flow · commit d20a26863fab · 2020-11-13T11:20:35.000+01:00
Fixed footer in standard layout
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-standard/dxc-standard.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-standard/dxc-standard.component.ts
@@ -46,6 +46,10 @@ export class DxcStandardComponent implements OnInit {
 
   getDynamicStyle(inputs) {
     return css`
+      min-height: 100vh;
+      margin: 0;
+      display: flex;
+      flex-direction: column;
       dxc-header{
         width: 100%;
       }
@@ -59,6 +63,7 @@ export class DxcStandardComponent implements OnInit {
       }
       dxc-footer{
         width: 100%;
+        margin-top: auto;
       }
     `;
   }

Original file line number	Diff line number	Diff line change
`@@ -46,6 +46,10 @@ export class DxcStandardComponent implements OnInit {`
`46`	`46`
`47`	`47`	`getDynamicStyle(inputs) {`
`48`	`48`	return css`
	`49`	`+ min-height: 100vh;`
	`50`	`+ margin: 0;`
	`51`	`+ display: flex;`
	`52`	`+ flex-direction: column;`
`49`	`53`	`dxc-header{`
`50`	`54`	`width: 100%;`
`51`	`55`	`}`
`@@ -59,6 +63,7 @@ export class DxcStandardComponent implements OnInit {`
`59`	`63`	`}`
`60`	`64`	`dxc-footer{`
`61`	`65`	`width: 100%;`
	`66`	`+ margin-top: auto;`
`62`	`67`	`}`
`63`	`68`	`;
`64`	`69`	`}`