Skip to content

Commit

Permalink
Stop action bar from covering bottom of motion tile view
Browse files Browse the repository at this point in the history
  • Loading branch information
luisa-beerboom committed Jun 15, 2023
1 parent bdebcaf commit a4025fd
Showing 1 changed file with 29 additions and 27 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -195,37 +195,39 @@ <h2>{{ 'Motions' | translate }}</h2>
</mat-menu>

<ng-template #tiles>
<os-grid rowHeight="50%">
<os-tile *ngFor="let tile of listTiles" [data]="tile" (clicked)="changeToViewWithTileCategory(tile)">
<div class="motion-tile-card" [osPaper]="2" [osPaperRaise]="true">
<div class="full-height">
<div class="flex-center background-selected">
<span
class="tile-content-prefix"
[matBadge]="tile.amountOfMotions"
[matBadgeColor]="'accent'"
[ngSwitch]="tile.name"
>
<span *ngSwitchCase="'Favorites'"><mat-icon>star</mat-icon></span>
<span *ngSwitchCase="'No category'"><mat-icon>block</mat-icon></span>
<span *ngSwitchCase="'Personal notes'"><mat-icon>speaker_notes</mat-icon></span>
<span *ngSwitchDefault>
<span *ngIf="tile.prefix">
{{ tile.prefix }}
</span>
<span *ngIf="!tile.prefix">
<mat-icon>category</mat-icon>
<div class="spacer-bottom-60">
<os-grid rowHeight="50%">
<os-tile *ngFor="let tile of listTiles" [data]="tile" (clicked)="changeToViewWithTileCategory(tile)">
<div class="motion-tile-card" [osPaper]="2" [osPaperRaise]="true">
<div class="full-height">
<div class="flex-center background-selected">
<span
class="tile-content-prefix"
[matBadge]="tile.amountOfMotions"
[matBadgeColor]="'accent'"
[ngSwitch]="tile.name"
>
<span *ngSwitchCase="'Favorites'"><mat-icon>star</mat-icon></span>
<span *ngSwitchCase="'No category'"><mat-icon>block</mat-icon></span>
<span *ngSwitchCase="'Personal notes'"><mat-icon>speaker_notes</mat-icon></span>
<span *ngSwitchDefault>
<span *ngIf="tile.prefix">
{{ tile.prefix }}
</span>
<span *ngIf="!tile.prefix">
<mat-icon>category</mat-icon>
</span>
</span>
</span>
</span>
</div>
<div class="tile-content-name background-card">
{{ tile.name | translate }}
</div>
<div class="tile-content-name background-card">
{{ tile.name | translate }}
</div>
</div>
</div>
</div>
</os-tile>
</os-grid>
</os-tile>
</os-grid>
</div>
</ng-template>

<mat-menu #motionListMenu="matMenu">
Expand Down

0 comments on commit a4025fd

Please sign in to comment.