[ADF-5505] deprecate angular flex layout library (#8562)

* ADF-5505 Removed some angular flex usages * ADF-5505 Deprecated usage of angular flex layout in demo shell * ADF-5505 Deprecated usage of angular flex layout in core files * ADF-5505 Removed usage of angular flex layout from files from process services * ADF-5505 Removed usage of angular flex layout from files from process services cloud * ADF-5505 Removed usage of fxflex and fxlayout from left files * ADF-5505 Removed usage of fxhide from left files * ADF-5505 Fixed issue with incorrect colors * ADF-5505 Fixed some lint issues * ADF-5505 Removed imports of FlexLayoutModule * ADF-5505 Uninstalled angular flex layout dependency * ADF-5505 Removed usage of ngClass with gt-md * ADF-5505 Removed duplicated selector * ADF-5505 Removed empty line * ADF-5505 Changed encapsulation
2025-07-24 17:32:15 +00:00 · 2023-05-17 14:44:59 +02:00
parent 7e2a7f5b2c
commit 3b1842f038
148 changed files with 1852 additions and 1260 deletions
--- a/lib/content-services/src/lib/content-metadata/components/content-metadata-card/content-metadata-card.component.html
+++ b/lib/content-services/src/lib/content-metadata/components/content-metadata-card/content-metadata-card.component.html
@@ -13,7 +13,7 @@
            [displayCategories]="true">
        </adf-content-metadata>
    </mat-card-content>
-    <mat-card-footer class="adf-content-metadata-card-footer" fxLayout="row" fxLayoutAlign="space-between stretch">
+    <mat-card-footer class="adf-content-metadata-card-footer">
        <div>
            <button *ngIf="isEditAspectSupported()"
                mat-icon-button
--- a/lib/content-services/src/lib/content-metadata/components/content-metadata-card/content-metadata-card.component.scss
+++ b/lib/content-services/src/lib/content-metadata/components/content-metadata-card/content-metadata-card.component.scss
@@ -11,6 +11,10 @@
        margin: 0;
        padding: 8px 12px;
        border-top: 1px solid var(--adf-theme-foreground-text-color-007);
+        display: flex;
+        place-content: stretch space-between;
+        align-items: stretch;
+        max-height: 100%;

        button {
            color: var(--adf-theme-foreground-text-color-054);
--- a/lib/content-services/src/lib/content-metadata/content-metadata.module.ts
+++ b/lib/content-services/src/lib/content-metadata/content-metadata.module.ts
@@ -16,7 +16,6 @@
 */

 import { CommonModule } from '@angular/common';
-import { FlexLayoutModule } from '@angular/flex-layout';
 import { NgModule } from '@angular/core';
 import { MaterialModule } from '../material.module';
 import { CoreModule } from '@alfresco/adf-core';
@@ -29,7 +28,6 @@ import { CategoriesModule } from '../category/category.module';
    imports: [
        CommonModule,
        MaterialModule,
-        FlexLayoutModule,
        CoreModule,
        TagModule,
        CategoriesModule
--- a/lib/content-services/src/lib/content-node-selector/content-node-selector.component.html
+++ b/lib/content-services/src/lib/content-node-selector/content-node-selector.component.html
@@ -59,10 +59,8 @@
                    </div>
                    <adf-empty-list data-automation-id="adf-empty-list" *ngIf="!uploadStarted">
                        <div class="adf-empty-list_template adf-empty-folder">
-                            <div fxHide.lt-md="true"
-                                 class="adf-empty-folder-drag-drop">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div>
-                            <div fxHide.lt-md="true"
-                                 class="adf-empty-folder-any-files-here-to-add">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div>
+                            <div class="adf-empty-folder-drag-drop">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div>
+                            <div class="adf-empty-folder-any-files-here-to-add">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div>
                            <img [alt]="'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate" class="adf-empty-folder-image"
                                 [src]="emptyFolderImageUrl">
                        </div>
--- a/lib/content-services/src/lib/document-list/components/document-list.component.html
+++ b/lib/content-services/src/lib/document-list/components/document-list.component.html
@@ -38,8 +38,8 @@
            <adf-empty-list *ngIf="!customNoContentTemplate">
                <div class="adf-empty-list_template adf-empty-folder">
                    <div class="adf-empty-folder-this-space-is-empty">{{'ADF-DOCUMENT-LIST.EMPTY.HEADER' | translate}}</div>
-                    <div fxHide.lt-md="true" class="adf-empty-folder-drag-drop">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div>
-                    <div fxHide.lt-md="true" class="adf-empty-folder-any-files-here-to-add">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div>
+                    <div class="adf-empty-folder-drag-drop">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div>
+                    <div class="adf-empty-folder-any-files-here-to-add">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div>
                    <img [alt]="'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate" class="adf-empty-folder-image" [src]="emptyFolderImageUrl">
                </div>
            </adf-empty-list>
--- a/lib/content-services/src/lib/document-list/components/document-list.component.scss
+++ b/lib/content-services/src/lib/document-list/components/document-list.component.scss
@@ -170,6 +170,13 @@
            width: 250px;
        }
    }
+
+    @media screen and (max-width: 960px) {
+        &-drag-drop,
+        &-any-files-here-to-add {
+            display: none;
+        }
+    }
 }

 .adf-datatable-gallery-thumbnails {
--- a/lib/content-services/src/lib/document-list/document-list.module.ts
+++ b/lib/content-services/src/lib/document-list/document-list.module.ts
@@ -17,7 +17,6 @@

 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { FlexLayoutModule } from '@angular/flex-layout';
 import { CoreModule, EditJsonDialogModule } from '@alfresco/adf-core';

 import { MaterialModule } from '../material.module';
@@ -43,7 +42,6 @@ import { ContentDirectiveModule } from '../directives/content-directive.module';
        CoreModule,
        CommonModule,
        ContentPipeModule,
-        FlexLayoutModule,
        MaterialModule,
        UploadModule,
        EditJsonDialogModule,
--- a/lib/content-services/src/lib/version-manager/version-manager.component.html
+++ b/lib/content-services/src/lib/version-manager/version-manager.component.html
@@ -2,7 +2,7 @@

    <adf-version-comparison *ngIf="showVersionComparison" [node]="node" [newFileVersion]="newFileVersion"></adf-version-comparison>

-    <div class="adf-new-version-uploader-container" id="adf-new-version-uploader-container" fxLayout="row" fxLayoutAlign="end center" [@uploadToggle]="uploadState">
+    <div class="adf-new-version-uploader-container" id="adf-new-version-uploader-container" [@uploadToggle]="uploadState">
        <table class="adf-version-upload" *ngIf="uploadState !== 'close' && !versionList.isLoading">
            <tr>
                <td>
--- a/lib/content-services/src/lib/viewer/alfresco-viewer.module.ts
+++ b/lib/content-services/src/lib/viewer/alfresco-viewer.module.ts
@@ -18,7 +18,6 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { TranslateModule } from '@ngx-translate/core';
-import { FlexLayoutModule } from '@angular/flex-layout';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';

 import { ExtensionsModule } from '@alfresco/adf-extensions';
@@ -37,7 +36,6 @@ import { ContentDirectiveModule } from '../directives';
        TranslateModule,
        FormsModule,
        ReactiveFormsModule,
-        FlexLayoutModule,
        A11yModule,
        ExtensionsModule,
        ContentDirectiveModule