up main page of csc

This commit is contained in:
Tykayn 2025-09-24 11:06:25 +02:00 committed by tykayn
parent 334b6c90cf
commit 7de81096bb
14 changed files with 165 additions and 37 deletions

View file

@ -61,3 +61,4 @@ Angular CLI does not come with an end-to-end testing framework by default. You c
## Additional Resources
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

View file

@ -74,7 +74,7 @@
}
.avatar-container {
background: white;
//background: white;
padding: 12px;
}

View file

@ -1,4 +1,5 @@
<div [ngClass]="{highlighted, 'is-disabled': disabled}" class="filter-group">
<!-- disabled: {{ disabled }}-->
<div class="selectors">
<sae-multi-selector
(availableChoicesChange)="onAvailableChoicesChange($event, 'engineType')"
@ -60,7 +61,7 @@
@if (!hideChipsList) {
<div (click)="highlighted = !highlighted" class="chips-listing">
<!-- liste de chips-->
<div class="chips-column">
@for (elem of appState.filters.engineType.selectedList; track elem.label) {
<button class="button chips is-rounded is-small">

View file

@ -46,6 +46,12 @@
.filter-group {
&.is-disabled {
input {
background: grey;
}
}
.search {
display: flex;
min-height: 42px;
@ -70,8 +76,8 @@
overflow-y: auto;
.chips-column {
padding: 12px 12px;
width: 218px;
padding: 12px 16px;
width: 222px;
//border: solid 1px #ccc;
}

View file

@ -20,8 +20,8 @@
}
&.is-disabled {
color: #525668;
fill: #525668;
color: #8d91a4;
fill: #8d91a4;
}
}
@ -82,6 +82,7 @@
.is-disabled & {
border-color: #525668;
background: #8D91A4;
}
}