Cleanup

src/Squidex/app/features/administration/pages/users/users-page.component.html

@@ -63,10 +63,10 @@
                                 <img class="user-picture" [attr.title]="user.name" [attr.src]="user.pictureUrl" />
                             </td>
                             <td>
-                                <span class="user-name">{{user.displayName}}</span>
+                                <span class="user-name table-cell">{{user.displayName}}</span>
                             </td>
                             <td>
-                                <span class="user-email">{{user.email}}</span>
+                                <span class="user-email table-cell">{{user.email}}</span>
                             </td>
                             <td class="col-right">
                                 <span *ngIf="user.id !== currentUserId">

src/Squidex/app/features/administration/pages/users/users-page.component.scss

@@ -1,14 +1,7 @@
 @import '_vars';
 @import '_mixins';
 
-.user {
+.user-email {
-    &-name,
+    font-style: italic;
-    &-email {
+    font-size: .8rem;
-        @include truncate;
-    }
-
-    &-email {
-        font-style: italic;
-        font-size: .8rem;
-    }
 }

src/Squidex/app/features/assets/pages/assets-page.component.html

@@ -35,7 +35,7 @@
                     <span class="btn btn-success" (click)="fileInput.click()">
                         <span>Select File</span>
 
-                        <input class="btn-input" type="file" (change)="addFiles($event.target.files)" #fileInput />
+                        <input class="file-drop-button-input" type="file" (change)="addFiles($event.target.files)" #fileInput />
                     </span>
                 </div>
 

src/Squidex/app/features/assets/pages/assets-page.component.scss

@@ -18,6 +18,17 @@
         cursor: copy;
     }
 
+    &-button-input {
+        width: 0;
+        opacity: 0;
+        overflow: hidden;
+        position: absolute;
+    }
+
+    &-button {
+        margin: .5rem 0;
+    }
+
     &-or {
         font-size: .8rem;
     }
@@ -25,19 +36,6 @@
     &-info {
         color: darken($color-border, 30%);
     }
-
-    &-button {
-        margin: .5rem 0;
-    }
-}
-
-.btn-input {
-    width: 0;
-    height: 0;
-    opacity: 0;
-    overflow: hidden;
-    position: absolute;
-    z-index: -1;
 }
 
 .row {

src/Squidex/app/features/content/pages/contents/content-item.component.html

@@ -1,5 +1,5 @@
 <td *ngFor="let value of values">
-    <span class="field">
+    <span class="table-cell">
         {{value}}
     </span>
 </td>

src/Squidex/app/features/content/pages/contents/content-item.component.scss

@@ -1,10 +1,6 @@
 @import '_vars';
 @import '_mixins';
 
-.field {
-    @include truncate;
-}
-
 .content {
     & {
         cursor: pointer;

src/Squidex/app/features/content/pages/contents/contents-page.component.html

@@ -10,7 +10,7 @@
 
                 <sqx-shortcut keys="ctrl+shift+r" (trigger)="load(true)"></sqx-shortcut>
                 <sqx-shortcut keys="ctrl+shift+f" (trigger)="findInput.focus()"></sqx-shortcut>
-                <sqx-shortcut keys="ctrl+shift+f" (trigger)="newButton.click()"></sqx-shortcut>
+                <sqx-shortcut keys="ctrl+shift+g" (trigger)="newButton.click()"></sqx-shortcut>
 
                 <form class="form-inline" (ngSubmit)="search()">
                     <input class="form-control" #findInput [formControl]="contentsFilter" placeholder="Search for content" />

src/Squidex/app/features/schemas/pages/schema/schema-page.component.scss

@@ -1,11 +1,6 @@
 @import '_vars';
 @import '_mixins';
 
-.panel {
-    min-width: 48rem;
-    max-width: 48rem;
-}
-
 .btn-publishing {
     &.disabled,
     &:disabled {

src/Squidex/app/features/settings/pages/contributors/contributors-page.component.html

@@ -33,10 +33,10 @@
                                 <img class="user-picture" [attr.title]="contributor.contributorId | userName" [attr.src]="contributor.contributorId | userPicture" />
                             </td>
                             <td>
-                                <span class="user-name">{{contributor.contributorId | userName}}</span>
+                                <span class="user-name table-cell">{{contributor.contributorId | userName}}</span>
                             </td>
                             <td>
-                                <span class="user-email">{{contributor.contributorId | userEmail}}</span>
+                                <span class="user-email table-cell">{{contributor.contributorId | userEmail}}</span>
                             </td>
                             <td>
                                 <select class="form-control" [ngModel]="contributor.permission" (ngModelChange)="changePermission(contributor, $event)" [disabled]="currentUserId === contributor.contributorId">

src/Squidex/app/features/settings/pages/contributors/contributors-page.component.scss

@@ -1,16 +1,9 @@
 @import '_vars';
 @import '_mixins';
 
-.user {
+.user-email {
-    &-name,
+    font-style: italic;
-    &-email {
+    font-size: .8rem;
-        @include truncate;
-    }
-
-    &-email {
-        font-style: italic;
-        font-size: .8rem;
-    }
 }
 
 .contributors-limit {

src/Squidex/app/features/settings/pages/languages/language.component.html

@@ -5,7 +5,7 @@
                 <span class="language-code" [class.language-optional]="language.isOptional" [class.language-master]="language.isMaster">{{language.iso2Code}}</span>
             </div>
             <div class="col col-6">
-                <span class="language-name" [class.language-optional]="language.isOptional" [class.language-master]="language.isMaster">{{language.englishName}}</span>
+                <span class="language-name table-cell" [class.language-optional]="language.isOptional" [class.language-master]="language.isMaster">{{language.englishName}}</span>
             </div>
             <div class="col col-4">
                 <div class="float-right">

src/Squidex/app/features/settings/pages/languages/language.component.scss

@@ -4,10 +4,6 @@
 $field-header: #e7ebef;
 
 .language {
-    &-name {
-        @include truncate;
-    }
-
     &-master {
         font-weight: bold;
     }

src/Squidex/app/features/settings/pages/languages/languages-page.component.scss

@@ -1,16 +1,6 @@
 @import '_vars';
 @import '_mixins';
 
-.language {
+.language-select {
-    &-select {
+    width: 16rem;
-        width: 16rem;
-    }
-
-    &-name {
-        @include truncate;
-    }
-
-    &-default {
-        margin: 0;
-    }
 }

src/Squidex/app/features/settings/settings-area.component.scss

@@ -1,11 +1,6 @@
 @import '_vars';
 @import '_mixins';
 
-.panel {
-    min-width: 16rem;
-    max-width: 16rem;
-}
-
 .nav-link {
     position: relative;
     padding-top: .6rem;

src/Squidex/app/theme/_lists.scss

@@ -156,6 +156,10 @@
     }
 }
 
+.table-cell {
+    @include truncate;
+}
+
 .pagination {
     & {
         margin-top: 1rem;