main
Said Gedik 2024-05-15 14:04:49 +02:00
parent b1edd89f56
commit b45387b403
2 changed files with 11 additions and 7 deletions

View File

@ -118,14 +118,15 @@
.restartButton:hover { .restartButton:hover {
color: #000000; color: #000000;
background-color: rgb(243, 243, 243); background-color: rgb(240, 240, 240);
} }
.transitionButton { .transitionButton {
background-color: #00a79d;
color: white; color: white;
font-weight: 100; font-weight: 100;
} }
@ -404,8 +405,9 @@
} */ } */
.mat-button-toggle-checked { .mat-button-toggle-checked {
background-color: #ef6c00; background: linear-gradient(45deg, #ff9800, #ef6c00); /* Gradient background */
color: white; color: white;
position: relative; /* Needed for the shadow effect */
} }
.dot-badge { .dot-badge {

View File

@ -30,8 +30,9 @@
</mat-form-field> --> </mat-form-field> -->
<!-- Language Picker --> <!-- Language Picker -->
<mat-button-toggle-group style="height: 70%; font-size: 13px; border-radius: 8px; margin-left: 15px;" (change)="languageChange($event)" <mat-button-toggle-group style="height: 70%; font-size: 13px; border-radius: 8px; margin-left: 15px;"
name="languagePicker" aria-label="Language Picker" [(ngModel)]="languageService.language"> (change)="languageChange($event)" name="languagePicker" aria-label="Language Picker"
[(ngModel)]="languageService.language">
<mat-button-toggle style="display: flex; align-items: center;" *ngFor="let lang of languageService.languages" <mat-button-toggle style="display: flex; align-items: center;" *ngFor="let lang of languageService.languages"
[value]="lang"> [value]="lang">
{{lang}} {{lang}}
@ -67,8 +68,9 @@
{{languageService.lMap.get('clearFilter')}} <mat-icon>close</mat-icon> {{languageService.lMap.get('clearFilter')}} <mat-icon>close</mat-icon>
</button> </button>
<button *ngIf="transitionButton" class="filterButton" style="background-color: #00a79d; color: white;" <button *ngIf="transitionButton" class="filterButton"
aria-label="Filtern" (click)=" openStatTransitionDialog()">{{languageService.lMap.get('stateChange')}}</button> style="background: linear-gradient(45deg,#12cec2, #00a79d); border:none; color: white; text-shadow: 1px 1px 3px #00a79d;" aria-label="Filtern"
(click)=" openStatTransitionDialog()">{{languageService.lMap.get('stateChange')}}</button>
<button *ngIf="approveButton" class="filterButton" aria-label="Filtern" <button *ngIf="approveButton" class="filterButton" aria-label="Filtern"
(click)="approve()">{{languageService.lMap.get('genehmigen')}}</button> (click)="approve()">{{languageService.lMap.get('genehmigen')}}</button>