Handle styles for filedrop when links are not allowed

src/modules/fileattachments/file-drop.component.html

@@ -1,4 +1,4 @@
-<div class="sky-file-drop-row">
+<div class="sky-file-drop-row" [ngClass]="{'sky-file-drop-allow-links': allowLinks}">
     <div class="sky-file-drop-col">
       <button
         type="button"

src/modules/fileattachments/file-drop.component.scss

@@ -13,6 +13,10 @@
   }
 
   .sky-file-drop-col {
+    flex-basis: 100%;
+  }
+
+  .sky-file-drop-allow-links.sky-file-drop-col {
     flex-basis: 50%;
   }
 }

src/modules/fileattachments/file-drop.component.visual-spec.js

@@ -9,4 +9,15 @@ describe('File drop', function () {
         selector: '#screenshot-file-drop'
       });
   });
+
+  it('should match the file drop control when no links allowed', function () {
+    return browser
+      .setupTest('/fileattachments.html')
+      .click('.sky-test-allow-links')
+      .pause(1000)
+      .compareScreenshot({
+        screenshotName: 'file_drop_nolink',
+        selector: '#screenshot-file-drop'
+      });
+  });
 });

src/modules/fileattachments/fixtures/file-drop.component.visual-fixture.html

@@ -5,11 +5,18 @@
       (linkChanged)="linkAdded($event)"
       [maxFileSize]="maxFileSize"
       [validateFn]="validateFile"
-      [allowLinks]="true">
+      [allowLinks]="allowLinks">
     </sky-file-drop>
 
     <div *ngFor="let file of allItems">
       <sky-file-item [fileItem]="file" (deleteFile)="deleteFile($event)"></sky-file-item>
     </div>
   </div>
 </div>
+
+<button
+  type="button"
+  class="sky-btn sky-btn-primary sky-test-allow-links"
+  (click)="allowLinks = !allowLinks">
+  Toggle allowLinks
+</button>

src/modules/fileattachments/fixtures/file-drop.component.visual-fixture.ts

@@ -27,6 +27,8 @@ class AppComponent {
 
   public acceptedTypes: Array<String>;
 
+  public allowLinks: boolean = true;
+
   constructor() {
     this.filesToUpload = [];
     this.rejectedFiles = [];