Fix footer on the long list, Fixes: #55

This commit is contained in:
ziajka 2018-04-09 11:28:34 +02:00
parent 74e60bd8d0
commit e38bc532b2
3 changed files with 10 additions and 9 deletions

View File

@ -13,12 +13,13 @@ app-default-layout {
} }
.content { .content {
flex: 1 0 auto; /*flex: 1 0 auto;*/
} }
.footer { .footer {
flex-shrink: 0; /*flex-shrink: 0;*/
padding: 20px; padding: 20px;
margin: auto 0 0 0;
/*background-color: #0097a7;*/ /*background-color: #0097a7;*/
color: white; color: white;
} }
@ -35,9 +36,9 @@ header {
z-index: 10; z-index: 10;
} }
main { /*main {*/
height: 100%; /*height: 100%;*/
} /*}*/
.default-header h1 { .default-header h1 {
font-weight: 300; font-weight: 300;

View File

@ -1,5 +1,5 @@
<div class="content"> <div class="content">
<div class="default-header mat-app-background"> <div class="default-header">
<h1>Projects</h1> <h1>Projects</h1>
</div> </div>
<div class="default-content"> <div class="default-content">
@ -8,7 +8,7 @@
<mat-table #table [dataSource]="dataSource"> <mat-table #table [dataSource]="dataSource">
<ng-container matColumnDef="name"> <ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef> Name </mat-header-cell> <mat-header-cell *matHeaderCellDef mat-sort-header> Name </mat-header-cell>
<mat-cell *matCellDef="let row"> <mat-cell *matCellDef="let row">
<a [routerLink]="['/server', server.id, 'project', row.project_id]" class="table-link">{{row.name}}</a> <a [routerLink]="['/server', server.id, 'project', row.project_id]" class="table-link">{{row.name}}</a>
</mat-cell> </mat-cell>

View File

@ -40,7 +40,7 @@
</script> </script>
</head> </head>
<body class=""> <body class="mat-app-background">
<app-root></app-root> <app-root></app-root>
</body> </body>