New packages org (#2639)

New packages org

demo-shell/src/app/components/files/files.component.scss

@@ -0,0 +1,113 @@
+$minimumDocumentListWidth: 425px;
+
+.container {
+    margin: 10px;
+}
+
+@media only screen and (max-width: 640px) {
+    .container {
+        margin: 0;
+    }
+}
+
+.error-message {
+    text-align: left;
+}
+
+.error-message--text {
+    color: #d50000;
+}
+
+.adf-not-overlay-viewer {
+    height:900px;
+}
+
+adf-document-list ::ng-deep adf-datatable tr.document-list__create {
+    background: green !important;
+}
+
+adf-document-list ::ng-deep adf-datatable tr.document-list__disable {
+    background: red !important;
+}
+
+adf-document-list ::ng-deep adf-datatable > table > tbody > tr.is-selected > td.adf-data-table-cell.adf-data-table-cell--image.image-table-cell > div > div > mat-icon > svg {
+    fill: #00bcd4;
+}
+
+.adf-site-container-style {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    width: 100%;
+    min-width: 200px;
+}
+
+.adf-content-service-settings {
+    padding: 16px;
+}
+
+.adf-files-toolbar {
+    .adf-toolbar-title {
+        display: flex;
+        width: 100%;
+
+        .adf-breadcrumb {
+            width: 0;
+        }
+    }
+}
+
+.adf-manage-versions-sidebar {
+    width: 300px;
+    color: rgba(0, 0, 0, 0.87);
+
+    .adf-manage-versions-empty,
+    .adf-manage-versions-no-permission {
+        margin: 24px;
+        color: grey;
+        text-align: justify;
+
+        &-icon {
+            display: block;
+            font-size: 48px;
+            margin: 0 auto 32px auto;
+        }
+    }
+
+    & ::ng-deep .adf-info-drawer-layout-header {
+        display: none;
+    }
+
+    & ::ng-deep .adf-info-drawer-layout-content {
+        padding: 0;
+
+        .adf-version-upload,
+        .adf-new-version-file-upload {
+            width: 100%;
+
+            & .mat-raised-button {
+                width: 100%;
+            }
+        }
+
+        .adf-new-version-uploader-container {
+            padding: 8px 24px 16px 24px;
+        }
+    }
+}
+
+@media (max-width: $minimumDocumentListWidth) {
+    adf-document-list ::ng-deep adf-datatable  {
+        & ::ng-deep .adf-data-table-cell--fileSize {
+            display: none;
+        }
+    }
+
+    .adf-site-container-style {
+        width: 100%;
+        display: block;
+
+        & ::ng-deep .adf-site-dropdown-list-element {
+            width: 100%;
+        }
+    }
+}