ui fixes on description template editor

This commit is contained in:
Sofia Papacharalampous 2024-05-28 11:05:36 +03:00
parent a26233b8c2
commit bf393e8d24
2 changed files with 22 additions and 4 deletions

View File

@ -19,11 +19,16 @@
<!-- SHOW FIELDSETS -->
<mat-optgroup [label]="'DESCRIPTION-TEMPLATE-EDITOR.STEPS.FORM.RULE.FIELDS.FIELDSETS' | translate">
<mat-option *ngFor="let option of fieldSetOptions" [value]="option.id" style="line-height: normal;" [disabled]="parentIds.includes(option.id) || hiddenBy.includes(option.id)" [matTooltip]="getToolTipMessage(option.id)" [matTooltipShowDelay]="700">
<span>
{{option.label? option.label:'<'+ ('DESCRIPTION-TEMPLATE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate) + '>' }} </span> <br>
<small>
<div class="row mt-2 mb-2">
<div class="col">
<span class="title-text">
{{option.label? option.label:'<'+ ('DESCRIPTION-TEMPLATE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate) + '>' }}
</span> <br>
<span class="subtitle-text">
{{option.id}}
</small>
</span>
</div>
</div>
</mat-option>
</mat-optgroup>
<!-- SHOW FIELDS -->

View File

@ -1,3 +1,16 @@
.full-width {
width: 100%;
}
.title-text {
font-weight: 300;
line-height: 1.2em;
text-align: left;
font-size: 16px;
}
.subtitle-text {
font-weight: 400;
font-size: 14px;
line-height: 1.2em;
}