diff --git a/src/app/components/app-setup/app-setup.component.html b/src/app/components/app-setup/app-setup.component.html index 78e9b85eff4b92eff2343f878bcb73129b4be3a6..a8bef4b4c5aee90cc5e2896a7693006d47ae78df 100644 --- a/src/app/components/app-setup/app-setup.component.html +++ b/src/app/components/app-setup/app-setup.component.html @@ -75,7 +75,7 @@ <!-- langue --> <mat-form-field> <mat-select [placeholder]="uitextLanguage" [(value)]="currentLanguageCode" data-testid="language-select"> - <mat-option *ngFor="let l of availableLanguages | keyvalue" [value]="l.key"> + <mat-option *ngFor="let l of availableLanguages | keyvalue" [value]="l.key" [title]="l.value"> {{ l.value }} </mat-option> </mat-select> diff --git a/src/app/components/dialog-edit-pab/dialog-edit-pab.component.html b/src/app/components/dialog-edit-pab/dialog-edit-pab.component.html index 8674eb361f97173fe01467f1e8a70671864751e7..c5658d7f41095ce626f2b91b61f896ca1cdfde95 100644 --- a/src/app/components/dialog-edit-pab/dialog-edit-pab.component.html +++ b/src/app/components/dialog-edit-pab/dialog-edit-pab.component.html @@ -12,7 +12,7 @@ <!-- champ à modifier --> <mat-form-field class="select-form-field"> <mat-select [placeholder]="uitextVariable" [(value)]="variable"> - <mat-option *ngFor="let v of availableVariables" [value]="v.value"> + <mat-option *ngFor="let v of availableVariables" [value]="v.value" [title]="v.label"> {{ v.label }} </mat-option> </mat-select> diff --git a/src/app/components/dialog-edit-param-values/dialog-edit-param-values.component.html b/src/app/components/dialog-edit-param-values/dialog-edit-param-values.component.html index 011f1f7d6e5ba24e972c008063a4d9131205a3eb..6c6da31db5a2ad04e39a40df39afb3bae993f58b 100644 --- a/src/app/components/dialog-edit-param-values/dialog-edit-param-values.component.html +++ b/src/app/components/dialog-edit-param-values/dialog-edit-param-values.component.html @@ -103,7 +103,7 @@ <mat-form-field> <mat-select [placeholder]="uitextExtensionStrategy" [(value)]="selectedExtensionStrategy" data-testid="variable-extension-strategy-select"> - <mat-option *ngFor="let e of extensionStrategies" [value]="e.value"> + <mat-option *ngFor="let e of extensionStrategies" [value]="e.value" [title]="e.label"> {{ e.label }} </mat-option> </mat-select> diff --git a/src/app/components/generic-select/generic-select.component.html b/src/app/components/generic-select/generic-select.component.html index 005ac94275da7445a5a27dbeb24435e2060e82fd..f4200c534ad9b3c53ebe245ca38cc7c82e051a16 100644 --- a/src/app/components/generic-select/generic-select.component.html +++ b/src/app/components/generic-select/generic-select.component.html @@ -1,6 +1,6 @@ <mat-form-field> <mat-select [id]="selectId" [placeholder]="label" [(value)]="selectedValue"> - <mat-option *ngFor="let e of entries" [value]="e"> + <mat-option *ngFor="let e of entries" [value]="e" [title]="entryLabel(e)"> {{ entryLabel(e) }} </mat-option> </mat-select> diff --git a/src/app/components/pab-results/pab-variable-results-selector.component.html b/src/app/components/pab-results/pab-variable-results-selector.component.html index a6cc6df2405b9cec9f568f12a04806d39e4ca02d..c02043692cc2442431ade75b674fd2882e32ac30 100644 --- a/src/app/components/pab-results/pab-variable-results-selector.component.html +++ b/src/app/components/pab-results/pab-variable-results-selector.component.html @@ -2,7 +2,7 @@ <div fxFlex="1 1 100%"> <mat-form-field> <mat-select id="pab-variating-element" [placeholder]="label" [(value)]="selectedValue"> - <mat-option *ngFor="let e of entries" [value]="e"> + <mat-option *ngFor="let e of entries" [value]="e" [title]="entryLabel(e)"> {{ entryLabel(e) }} </mat-option> </mat-select> diff --git a/src/app/components/pab-table/pab-table.component.html b/src/app/components/pab-table/pab-table.component.html index cad53037f9604d71da3ab605a23c8b0e7f4009c3..d6d6d956b811313f53dc0aff0c6fbabe2f1847b3 100644 --- a/src/app/components/pab-table/pab-table.component.html +++ b/src/app/components/pab-table/pab-table.component.html @@ -89,7 +89,7 @@ <mat-select #selectWidget *ngIf="isSelect(cell)" [value]="cell.modelValue" (selectionChange)="loiDebitSelected($event, cell)"> - <mat-option *ngFor="let opt of cell.options" [value]="opt.value"> + <mat-option *ngFor="let opt of cell.options" [value]="opt.value" [title]="opt.label"> {{ opt.label }} </mat-option> </mat-select> diff --git a/src/app/components/param-link/param-link.component.html b/src/app/components/param-link/param-link.component.html index aeba66357b7496e361e42d558fb9e26bc901d00c..eadf8016d6605a44f66637798ec6342b4f030941 100644 --- a/src/app/components/param-link/param-link.component.html +++ b/src/app/components/param-link/param-link.component.html @@ -1,7 +1,7 @@ <mat-form-field> <mat-select [id]="selectId" [name]="selectId" [placeholder]="param.title" [(ngModel)]="currentLinkedParam" required> - <mat-option *ngFor="let e of linkableParams" [value]="e"> + <mat-option *ngFor="let e of linkableParams" [value]="e" [title]="selectItemLabel(e)"> {{ selectItemLabel(e) }} </mat-option> </mat-select> diff --git a/src/app/components/param-link/param-link.component.scss b/src/app/components/param-link/param-link.component.scss index 412764067d175d524c7b4fd94ae673ff97d54b60..6cbd9bf460321fc23ebe37261d5b579b1806cc7b 100644 --- a/src/app/components/param-link/param-link.component.scss +++ b/src/app/components/param-link/param-link.component.scss @@ -32,6 +32,14 @@ } } + /* ::ng-deep .mat-select-panel mat-option.mat-option { + height: unset; + } + + ::ng-deep .mat-option-text.mat-option-text { + white-space: normal; + } */ + .status-icons-container { position: absolute; top: -8px; diff --git a/src/app/components/results-graph/results-graph.component.html b/src/app/components/results-graph/results-graph.component.html index 1c15bdcc25844e4fcb2681d0ed6559a9757eb38d..8b48221a497b7ef7ef693f847e4f95b1724b7b93 100644 --- a/src/app/components/results-graph/results-graph.component.html +++ b/src/app/components/results-graph/results-graph.component.html @@ -26,7 +26,7 @@ <div class="select-x-y-axis" fxLayout="row wrap" fxLayoutAlign="space-between start"> <mat-form-field fxFlex.gt-xs="1 0 auto" fxFlex.lt-sm="1 0 100%"> <mat-select id="selectX" [placeholder]="uitextSelectX" [(value)]="chartX"> - <mat-option *ngFor="let x of availableChartAxis" [value]="x"> + <mat-option *ngFor="let x of availableChartAxis" [value]="x" [title]="getChartAxisLabel(x)"> {{ getChartAxisLabel(x) }} </mat-option> </mat-select> @@ -35,7 +35,7 @@ <div fxHide.xs fxFlex.gt-xs="0 0 16px"></div> <mat-form-field fxFlex.gt-xs="1 0 auto" fxFlex.lt-sm="1 0 100%"> - <mat-select id="selectY" [placeholder]="uitextSelectY" [(value)]="chartY"> + <mat-select id="selectY" [placeholder]="uitextSelectY" [(value)]="chartY" [title]="getChartAxisLabel(y)"> <mat-option *ngFor="let y of availableChartAxis" [value]="y"> {{ getChartAxisLabel(y) }} </mat-option> diff --git a/src/app/components/select-model-field-line/select-model-field-line.component.html b/src/app/components/select-model-field-line/select-model-field-line.component.html index f9153337ab7db4a066a3caef40bf8dd3bb25b4be..e85ced8afc0a379e6b71eb12bae14d907f8ea3c7 100644 --- a/src/app/components/select-model-field-line/select-model-field-line.component.html +++ b/src/app/components/select-model-field-line/select-model-field-line.component.html @@ -5,7 +5,7 @@ <mat-form-field> <mat-select [id]="selectId" [name]="selectId" [placeholder]="label" [(value)]="selectedValue" required> - <mat-option *ngFor="let e of entries" [value]="e"> + <mat-option *ngFor="let e of entries" [value]="e" [title]="selectItemLabel(e)"> {{ selectItemLabel(e) }} </mat-option> </mat-select>