taubem
/
ChangeCalendar
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed animation

main
Said Gedik 2024-05-15 14:11:52 +02:00
parent b45387b403
commit 0755f668ff
2 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/app/ntt-gantt/ntt-gantt.component.css
View File

@ -30,7 +30,7 @@
/* Hides anything that overflows the boundary of this element */ /* Hides anything that overflows the boundary of this element */
} }
.head h2 { .head .left {
user-select: none; user-select: none;
display: inline-block; display: inline-block;
/* Ensures that the element can be transformed */ /* Ensures that the element can be transformed */
@ -122,13 +122,15 @@
} }
.transitionButton { /* .transitionButton {
color: white; color: white;
font-weight: 100; font-weight: 100;
} }
.transitionButton:hover {
background-color: #0e857d;
}
*/
@ -269,7 +271,6 @@
animation: slideUp 1.5s forwards; animation: slideUp 1.5s forwards;
} }
.filterContainer.sticky { .filterContainer.sticky {
border-radius: 0; border-radius: 0;
} }

12
frontend/src/app/ntt-gantt/ntt-gantt.component.html
View File

@ -1,5 +1,5 @@
<div class="head" style=""> <div class="head" style="">
<div style="display: flex; align-items: center; gap: 15px; height: 100%;"> <div class="left" style="display: flex; align-items: center; gap: 15px; height: 100%;">
<h2>W&I Kalender</h2> <h2>W&I Kalender</h2>
<div class="splitter"></div> <div class="splitter"></div>
<!-- Preset Picker --> <!-- Preset Picker -->
@ -30,9 +30,8 @@
</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;" <mat-button-toggle-group style="height: 70%; font-size: 13px; border-radius: 8px; margin-left: 15px;" (change)="languageChange($event)"
(change)="languageChange($event)" name="languagePicker" aria-label="Language Picker" name="languagePicker" aria-label="Language Picker" [(ngModel)]="languageService.language">
[(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}}
@ -68,9 +67,8 @@
{{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" <button *ngIf="transitionButton" class="filterButton transitionButton" style="background-color: #00a79d; color: white;"
style="background: linear-gradient(45deg,#12cec2, #00a79d); border:none; color: white; text-shadow: 1px 1px 3px #00a79d;" aria-label="Filtern" aria-label="Filtern" (click)=" openStatTransitionDialog()">{{languageService.lMap.get('stateChange')}}</button>
(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>