updates styling

This commit is contained in:
lotte
2019-12-10 16:52:00 +01:00
parent 55f14b2885
commit b705e4a0f6
5 changed files with 12 additions and 4 deletions

View File

@@ -1,8 +1,8 @@
<li *ngIf="metadataRepresentation">
<div *ngIf="metadataRepresentation" class="mt-2 mb-4">
<button type="button" class="close float-left" aria-label="Close button" (click)="removeSelection()">
<span aria-hidden="true">&times;</span>
</button>
<span class="d-inline-block align-middle ml-1">
<ds-metadata-representation-loader [mdRepresentation]="metadataRepresentation"></ds-metadata-representation-loader>
</span>
</li>
</div>

View File

@@ -12,7 +12,7 @@
<div *ngFor="let groupModel of model.groups; let idx = index" role="group"
[formGroupName]="idx" [ngClass]="[getClass('element', 'group'), getClass('grid', 'group')]" cdkDrag>
<ng-container *ngIf="idx > 0">
<button type="button" class="close float-left" aria-label="Move button" cdkDragHandle>
<button type="button" class="close float-left drag-button" aria-label="Move button" cdkDragHandle>
<i aria-hidden="true" class="fas fa-arrows-alt fa-xs"></i>
</button>
<ng-container *ngTemplateOutlet="startTemplate?.templateRef; context: groupModel"></ng-container>

View File

@@ -0,0 +1,5 @@
@import './../../../../../../../styles/variables';
button.drag-button {
height: $button-height;
}

View File

@@ -37,7 +37,8 @@ import { DynamicRowArrayModel } from '../ds-dynamic-row-array-model';
@Component({
selector: 'ds-dynamic-form-array',
templateUrl: './dynamic-form-array.component.html'
templateUrl: './dynamic-form-array.component.html',
styleUrls: ['./dynamic-form-array.component.scss']
})
export class DsDynamicFormArrayComponent extends DynamicFormArrayComponent implements OnInit {

View File

@@ -260,6 +260,8 @@ describe('FormBuilderService test suite', () => {
id: 'testFormRowArray',
initialCount: 5,
notRepeatable: false,
hasRelationship: false,
submissionId: '1234',
groupFactory: () => {
return [
new DynamicInputModel({id: 'testFormRowArrayGroupInput'})