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

hover date range

main
Said Gedik 2024-05-14 17:43:32 +02:00
parent 3e0c0b9063
commit 0fa86ff416
2 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -254,6 +254,9 @@
margin: 0 0.5%; margin: 0 0.5%;
} }
.dateRangePicker input:hover {
color: rgb(0, 0, 0);
}
.dateButton { .dateButton {
height: 70%; height: 70%;

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

@ -101,10 +101,19 @@
<!-- <div class="split"></div> --> <!-- <div class="split"></div> -->
<div class="right"> <div class="right">
<!-- Scale Picker -->
<mat-button-toggle-group style="height: 70%; font-size: 13px; border-radius: 8px;" (change)="changeScalar()"
name="fontStyle" aria-label="Font Style" [(ngModel)]="selectedScalar">
<mat-button-toggle style="display: flex; align-items: center;" value="bold" *ngFor="let scalar of scalars"
[value]="scalar">
{{scalar}}
</mat-button-toggle>
</mat-button-toggle-group>
<!-- Date Range Picker --> <!-- Date Range Picker -->
<div style="display: flex; height: 100%; align-items: center; font-size: 13px; "> <div class="dateRangePicker" style="display: flex; height: 100%; align-items: center; font-size: 13px; color: rgba(0, 0, 0, 0.734);">
<div style="height: 70%; display: flex; align-items: center; width: 180px; font-family: Arial, sans-serif; border: solid 1px rgba(0, 0, 0, 0.124); <div style="height: 70%; display: flex; align-items: center; width: 170px; font-family: Arial, sans-serif; border: solid 1px rgba(0, 0, 0, 0.124);
background-color: white; padding-left: 10px; border-radius: 5px 0px 0px 5px;"> background-color: white; padding-left: 10px; border-radius: 8px 0px 0px 8px;">
<!-- <mat-label>{{languageService.lMap.get('dateRangeLabel')}}</mat-label> --> <!-- <mat-label>{{languageService.lMap.get('dateRangeLabel')}}</mat-label> -->
<mat-date-range-input [formGroup]="range" [rangePicker]="picker"> <mat-date-range-input [formGroup]="range" [rangePicker]="picker">
<input matStartDate formControlName="start" (dateChange)="startDateChanged($event)"> <input matStartDate formControlName="start" (dateChange)="startDateChanged($event)">
@ -119,15 +128,6 @@
<button class="dateButton" (click)="picker.open()"><mat-icon>calendar_today</mat-icon></button> <button class="dateButton" (click)="picker.open()"><mat-icon>calendar_today</mat-icon></button>
</div> </div>
<!-- Scale Picker -->
<mat-button-toggle-group style="height: 70%; font-size: 13px; border-radius: 8px;" (change)="changeScalar()"
name="fontStyle" aria-label="Font Style" [(ngModel)]="selectedScalar">
<mat-button-toggle style="display: flex; align-items: center;" value="bold" *ngFor="let scalar of scalars"
[value]="scalar">
{{scalar}}
</mat-button-toggle>
</mat-button-toggle-group>
<div class="detailsButton"> <div class="detailsButton">
{{languageService.lMap.get('detailButton')}} {{languageService.lMap.get('detailButton')}}
<mat-slide-toggle color="primary" [(ngModel)]="showDetails" [checked]="showDetails" <mat-slide-toggle color="primary" [(ngModel)]="showDetails" [checked]="showDetails"