Drag and drop classes removed.

src/Squidex/app/features/content/shared/assets-editor.component.html

@@ -1,16 +1,16 @@
 <div class="assets-container" [class.disabled]="isDisabled">
     <div class="row">
-        <div class="col-4 drop-area-container">
+        <div class="drop-area-container">
             <div class="drop-area" (sqxFileDrop)="addFiles($event)" (click)="selectorModal.show()">
                 Drop files here to add them.
             </div>
         </div>
 
-        <sqx-asset class="col-4" *ngFor="let file of newAssets" [initFile]="file" 
+        <sqx-asset *ngFor="let file of newAssets" [initFile]="file" 
             (failed)="onAssetFailed(file)" 
             (loaded)="onAssetLoaded(file, $event)">
         </sqx-asset>
-        <sqx-asset class="col-4" *ngFor="let asset of oldAssets" [asset]="asset" removeMode="true" isDisabled="true"
+        <sqx-asset *ngFor="let asset of oldAssets" [asset]="asset" removeMode="true" isDisabled="true"
             (removing)="onAssetRemoving($event)">
         </sqx-asset>
     </div>

src/Squidex/app/features/content/shared/assets-editor.component.scss

@@ -24,10 +24,12 @@
         @include border-radius;
         border: 2px dashed $color-border;
         height: $asset-height;
+        width: $asset-height;
         font-size: 1.2rem;
         font-weight: normal;
         text-align: center;
         padding: 3.5rem 2rem;
+        cursor: pointer;
         color: darken($color-border, 30%);
     }
 
@@ -39,9 +41,7 @@
         padding-bottom: 1rem;
     }
 
-    &.drag,
+    &.drag {
-    &.dnd-drag-over,
-    &.dnd-drag-enter {
         border-color: darken($color-border, 10%);
         cursor: copy;
         color: darken($color-border, 40%);

src/Squidex/app/features/content/shared/references-editor.component.scss

@@ -40,15 +40,6 @@
     &:hover {
         text-decoration: underline;
     }
-
-    &.drag,
-    &.dnd-drag-over,
-    &.dnd-drag-enter {
-        border-color: darken($color-border, 10%);
-        cursor: copy;
-        color: darken($color-border, 40%);
-        text-decoration: none;
-    }
 }
 
 .table {

src/Squidex/app/shared/components/asset.component.scss

@@ -50,7 +50,7 @@
 }
 
 :host {
-    width: 208px;
+    width: $asset-height;
     padding-bottom: 1rem;
     padding-left: 8px;
     padding-right: 8px;

src/Squidex/app/theme/_common.scss

@@ -144,9 +144,7 @@ body {
             @include flex-box;
         }
 
-        &.drag,
+        &.drag {
-        &.dnd-drag-over,
-        &.dnd-drag-enter {
             border-color: darken($color-border, 10%);
             cursor: copy;
             color: darken($color-border, 40%);