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

buttons

main
Said Gedik 2024-08-08 15:58:16 +02:00
parent 1a7da02f18
commit 8582a3e66e
3 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -104,6 +104,19 @@
} }
} }
mat-button-toggle-group {
.mat-button-toggle-checked {
background-color: #ef6c00 !important; /* Orange background */
color: white !important; /* Text color */
}
.mat-button-toggle-checked:hover {
background-color: darken(#ef6c00, 10%) !important; /* Darker orange on hover */
}
}
.restartButton { .restartButton {
background-color: white; background-color: white;
border: none; border: none;

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

@ -30,11 +30,8 @@
</mat-form-field> --> </mat-form-field> -->
<!-- Language Picker --> <!-- Language Picker -->
<mat-button-toggle-group style="height: 70%; border-radius: 8px; margin-left: 15px;" <mat-button-toggle-group style="height: 70%; border-radius: 8px; margin-left: 15px;" (change)="languageChange($event)" name="languagePicker" aria-label="Language Picker" [(ngModel)]="languageService.language">
(change)="languageChange($event)" name="languagePicker" aria-label="Language Picker" <mat-button-toggle style="display: flex; align-items: center;" *ngFor="let lang of languageService.languages" [value]="lang">
[(ngModel)]="languageService.language">
<mat-button-toggle style="display: flex; align-items: center;" *ngFor="let lang of languageService.languages"
[value]="lang">
{{lang}} {{lang}}
</mat-button-toggle> </mat-button-toggle>
</mat-button-toggle-group> </mat-button-toggle-group>

4
frontend/src/theme.scss
View File

@ -7,7 +7,7 @@ $my-warn: mat-palette($mat-red, 600);
$my-theme: mat-light-theme($my-primary, $my-accent, $my-warn); $my-theme: mat-light-theme($my-primary, $my-accent, $my-warn);
@include angular-material-theme($my-theme); // @include angular-material-theme($my-theme);
.dateButton.mat-button { .dateButton.mat-button {
background-color: blue !important; /* Use !important as a last resort */ background-color: blue !important; /* Use !important as a last resort */
@ -17,4 +17,4 @@ $my-theme: mat-light-theme($my-primary, $my-accent, $my-warn);
* { * {
font-family: 'Helvetica'; font-family: 'Helvetica';
} }