@ -227,18 +227,13 @@
< div class = "row" >
< div cdkDropList class = "col-12 mt-3" ( cdkDropListDropped ) = " dropDescriptionTemplates ( $ event , sectionIndex ) " >
< div * ngFor = "let descriptionTemplate of section.get('descriptionTemplates').controls; let descriptionTemplateIndex=index;" cdkDrag class = "description-fields-wrapper row align-items-center mt-1" [ cdkDragDisabled ] = " formGroup . disabled " >
< div * ngFor = "let descriptionTemplate of section.get('descriptionTemplates').controls; let descriptionTemplateIndex=index;" cdkDrag class = "description-fields-wrapper row align-items-center mt-1" [ cdkDragDisabled ] = " formGroup . disabled " ( mouseenter ) = " onDescriptionTemplateHover ( descriptionTemplateIndex ) " ( mouseleave ) = " clearHoveredDescriptionTemplate ( ) " >
<!-- <div class="description - field - index">
< span style = "font-size: 18px;" > {{descriptionTemplateIndex + 1}}< / span >
< / div >
< div class = "description-field-sortable" > < mat-icon [ ngClass ] = " { ' drag-handle-disabled ' : formGroup . disabled } " cdkDragHandle class = "drag-handle" > drag_indicator< / mat-icon > < / div >
-->
< div class = "col-auto section-options-vertical" >
< div class = "row justify-content-center" >
< div class = "col-auto" >
< span * ngIf = "!is SectionSelected(field Index)" style = "font-size: 18px; box-sizing: border-box; display: inline-block; padding: 0.85rem 0.42rem 0 0.45rem;" > {{descriptionTemplateIndex + 1}}< / span >
< mat-icon * ngIf = "is SectionSelected(field Index)" [ ngClass ] = " { ' drag-handle-disabled ' : formGroup . disabled } " cdkDragHandle class = "drag-handle" style = "margin-top: 0.9rem;" > drag_indicator< / mat-icon >
< span * ngIf = "!isDescriptionTemplateSelected(descriptionTemplateIndex)" style = "font-size: 18px; box-sizing: border-box; display: inline-block; padding: 0.85rem 0.42rem 0 0.45rem;" > {{descriptionTemplateIndex + 1}}< / span >
< mat-icon * ngIf = "isDescriptionTemplateSelected(descriptionTemplateIndex)" [ ngClass ] = " { ' drag-handle-disabled ' : formGroup . disabled } " cdkDragHandle class = "drag-handle" style = "margin-top: 0.9rem;" > drag_indicator< / mat-icon >
< / div >
< div class = "col-auto" >
< button mat-icon-button class = "action-list-icon" matTooltip = "{{'DMP-BLUEPRINT-EDITOR.ACTIONS.REMOVE-DESCRIPTION-TEMPLATE' | translate}}" ( click ) = " removeDescriptionTemplate ( sectionIndex , descriptionTemplateIndex ) " [ disabled ] = " formGroup . disabled " >
@ -248,8 +243,8 @@
< / div >
< / div >
< div class = "col-auto pr-0 section-options-horizontal" >
< span * ngIf = "!is SectionSelected(field Index)" style = "font-size: 18px; box-sizing: border-box; display: inline-block; padding: 0.85rem 0.45rem;" > {{descriptionTemplateIndex + 1}}< / span >
< mat-icon * ngIf = "is SectionSelected(field Index)" [ ngClass ] = " { ' drag-handle-disabled ' : formGroup . disabled } " cdkDragHandle class = "drag-handle" > drag_indicator< / mat-icon >
< span * ngIf = "!is DescriptionTemplateSelected(descriptionTemplate Index)" style = "font-size: 18px; box-sizing: border-box; display: inline-block; padding: 0.85rem 0.45rem;" > {{descriptionTemplateIndex + 1}}< / span >
< mat-icon * ngIf = "is DescriptionTemplateSelected(descriptionTemplate Index)" [ ngClass ] = " { ' drag-handle-disabled ' : formGroup . disabled } " cdkDragHandle class = "drag-handle" > drag_indicator< / mat-icon >
< / div >
< div class = "col" >
@ -322,7 +317,6 @@
< / div >
< / div >
< div class = "col-12" >
< div class = "row" >
< div class = "col-auto" >