Skip to content

Commit 4c0aa19

Browse files
authored
feat(frontend): Add style to make header look like it should #1677
* feat(frontend): Add style to make header look like it should #1677 * refactor(frontend): Format code #1677 * style(frontend): Format code #1677
1 parent ca7d943 commit 4c0aa19

File tree

3 files changed

+41
-13
lines changed

3 files changed

+41
-13
lines changed

frontend/src/app/statistics/statistics.component.html

Lines changed: 16 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,21 @@
11
<app-application-page [elements$]="statistics" (reloadPage)="loadOverview($event)">
22
<app-application-banner app-banner>
3-
<div class="d-flex flex-column ms-5">
4-
<button
5-
routerLink="/"
6-
class="px-2 dialog-detail-button"
7-
color="primary"
8-
disableRipple="true"
9-
mat-button
10-
queryParamsHandling="preserve"
11-
[attr.data-testId]="'show-all-checkins'"
12-
>Zurück zur Übersicht
13-
</button>
14-
<h1> Auswertung </h1>
3+
<div class="container-fluid">
4+
<div class="row first-line">
5+
<div class="col-12">
6+
<a
7+
[attr.data-testId]="'routerLink-to-overview'"
8+
routerLink="/"
9+
queryParamsHandling="preserve"
10+
>Zurück zur OKR Übersicht</a
11+
>
12+
</div>
13+
</div>
14+
<div class="row second-line">
15+
<div>
16+
<h1>Auswertung</h1>
17+
</div>
18+
</div>
1519
</div>
1620
</app-application-banner>
1721
<div class="container-fluid ms-1">
Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
.first-line {
2+
padding-top: 2rem;
3+
4+
> div:first-child {
5+
padding-left: 2rem;
6+
}
7+
}
8+
9+
.second-line {
10+
> div {
11+
display: flex;
12+
align-items: flex-end;
13+
padding-top: 1.275rem;
14+
}
15+
16+
div:first-child {
17+
padding-left: 2rem;
18+
}
19+
20+
h1 {
21+
margin: 0;
22+
}
23+
}

frontend/src/app/statistics/statistics.component.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,8 @@ import { FilterPageChange } from '../shared/types/model/filter-page-change';
77
@Component({
88
selector: 'app-statistics',
99
standalone: false,
10-
templateUrl: './statistics.component.html'
10+
templateUrl: './statistics.component.html',
11+
styleUrl: './statistics.component.scss'
1112
})
1213
export class StatisticsComponent {
1314
private evaluationService = inject(EvaluationService);

0 commit comments

Comments
 (0)