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%;
}
.dateRangePicker input:hover {
color: rgb(0, 0, 0);
}
.dateButton {
height: 70%;

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

@ -101,10 +101,19 @@
<!-- <div class="split"></div> -->
<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 -->
<div style="display: flex; height: 100%; align-items: center; font-size: 13px; ">
<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);
background-color: white; padding-left: 10px; border-radius: 5px 0px 0px 5px;">
<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: 170px; font-family: Arial, sans-serif; border: solid 1px rgba(0, 0, 0, 0.124);
background-color: white; padding-left: 10px; border-radius: 8px 0px 0px 8px;">
<!-- <mat-label>{{languageService.lMap.get('dateRangeLabel')}}</mat-label> -->
<mat-date-range-input [formGroup]="range" [rangePicker]="picker">
<input matStartDate formControlName="start" (dateChange)="startDateChanged($event)">
@ -119,15 +128,6 @@
<button class="dateButton" (click)="picker.open()"><mat-icon>calendar_today</mat-icon></button>
</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">
{{languageService.lMap.get('detailButton')}}
<mat-slide-toggle color="primary" [(ngModel)]="showDetails" [checked]="showDetails"