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

animation

main
Said Gedik 2024-05-15 13:33:36 +02:00
parent 2b9675d494
commit e703941f04
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,6 +5,11 @@
overflow: hidden; overflow: hidden;
} }
.splitter {
height: 50%;
border-right: 1px rgba(0, 0, 0, 0.181) solid;
margin-left: 15px;
}
.head { .head {
color: rgba(41, 46, 50, 0.8); color: rgba(41, 46, 50, 0.8);
padding-left: 10px; padding-left: 10px;
@ -13,8 +18,8 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
/* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
height: 50px; height: 60px;
margin-bottom: 10px; margin-bottom: 10px;
background-color: white; background-color: white;
} }
@ -260,6 +265,7 @@
z-index: 1000; /* Ensure it is above other content */ z-index: 1000; /* Ensure it is above other content */
border-bottom: 0.5px solid rgba(0, 0, 0, 0.1); border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
backdrop-filter: blur(2px); /* Blur effect */ backdrop-filter: blur(2px); /* Blur effect */
animation: slideUp 1.5s forwards;
} }

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

@ -1,7 +1,7 @@
<div class="head" style=""> <div class="head" style="">
<div style="display: flex; align-items: center; gap: 15px; height: 100%;"> <div style="display: flex; align-items: center; gap: 15px; height: 100%;">
<h2 style="padding-top: 5px;">W&I Kalender</h2> <h2 style="padding-top: 5px;">W&I Kalender</h2>
<div class="splitter"></div>
<!-- Preset Picker --> <!-- Preset Picker -->
<div appearance="fill" style="width: 200px;padding-left: 15px; padding-top: 3px;"> <div appearance="fill" style="width: 200px;padding-left: 15px; padding-top: 3px;">
<mat-select [(value)]="selectedPreset" (selectionChange)="selectPreset($event)"> <mat-select [(value)]="selectedPreset" (selectionChange)="selectPreset($event)">
@ -30,7 +30,7 @@
</mat-form-field> --> </mat-form-field> -->
<!-- Language Picker --> <!-- Language Picker -->
<mat-button-toggle-group style="height: 80%; 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;" (change)="languageChange($event)"
name="languagePicker" aria-label="Language Picker" [(ngModel)]="languageService.language"> 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">