[ADF-5406] SCSS and HTML template path fixes (#7063)

* remove useless mixin * fix scss paths * style fixes * fix styles * style fixes * style fixes * style fixes * style fixes * insights fixes * css and template path fixes * bug fixes
2025-07-24 17:32:15 +00:00 · 2021-06-01 09:21:00 +01:00
parent 9e0000a307
commit e94b2f99bd
229 changed files with 557 additions and 934 deletions
--- a/lib/process-services-cloud/src/lib/app/components/app-details-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/app/components/app-details-cloud.component.ts
@@ -20,8 +20,7 @@ import { ApplicationInstanceModel, DEFAULT_APP_INSTANCE_ICON, DEFAULT_APP_INSTAN

@Component({
  selector: 'adf-cloud-app-details',
-  templateUrl: './app-details-cloud.component.html',
-  styleUrls: ['./app-details-cloud.component.scss']
+  templateUrl: './app-details-cloud.component.html'
 })

 export class AppDetailsCloudComponent {
--- a/lib/process-services-cloud/src/lib/app/components/app-list-cloud.component.scss
+++ b/lib/process-services-cloud/src/lib/app/components/app-list-cloud.component.scss
@@ -1,21 +1,20 @@
-@mixin  adf-cloud-app-list-theme($theme) {
+:host {
+    width: 100%;
+}

-    :host {
-        width: 100%;
-    }
+.adf-app-list-item {
+    cursor: pointer;
+}

-    .adf-app-list-item {
-        cursor: pointer;
-    }
-
-    .adf-app-list-spinner, .adf-app-list-empty, .adf-app-list-error {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-        height: 85vh;
-        .mat-spinner {
-            margin: 0 auto;
-        }
+.adf-app-list-spinner,
+.adf-app-list-empty,
+.adf-app-list-error {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    height: 85vh;
+    .mat-spinner {
+        margin: 0 auto;
    }
 }
--- a/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.ts
@@ -39,7 +39,6 @@ import { ContentNodeSelectorPanelService } from '@alfresco/adf-content-services'
@Component({
    selector: 'adf-cloud-attach-file-cloud-widget',
    templateUrl: './attach-file-cloud-widget.component.html',
-    styleUrls: ['./attach-file-cloud-widget.component.scss'],
    host: {
        '(click)': 'event($event)',
        '(blur)': 'event($event)',
--- a/lib/process-services-cloud/src/lib/group/components/group-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/group/components/group-cloud.component.ts
@@ -40,7 +40,6 @@ import { ComponentSelectionMode } from '../../types';
@Component({
    selector: 'adf-cloud-group',
    templateUrl: './group-cloud.component.html',
-    styleUrls: ['./group-cloud.component.scss'],
    animations: [
        trigger('transitionMessages', [
            state('enter', style({ opacity: 1, transform: 'translateY(0%)' })),
--- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.ts
@@ -43,7 +43,6 @@ import { ComponentSelectionMode } from '../../types';
@Component({
    selector: 'adf-cloud-people',
    templateUrl: './people-cloud.component.html',
-    styleUrls: ['./people-cloud.component.scss'],
    animations: [
        trigger('transitionMessages', [
            state('enter', style({ opacity: 1, transform: 'translateY(0%)' })),
--- a/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.ts
@@ -38,8 +38,7 @@ export interface DropdownOption {

@Component({
    selector: 'adf-cloud-edit-process-filter',
-    templateUrl: './edit-process-filter-cloud.component.html',
-    styleUrls: ['./edit-process-filter-cloud.component.scss']
+    templateUrl: './edit-process-filter-cloud.component.html'
 })
 export class EditProcessFilterCloudComponent implements OnInit, OnChanges, OnDestroy {

--- a/lib/process-services-cloud/src/lib/process/process-filters/components/process-filters-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/process/process-filters/components/process-filters-cloud.component.ts
@@ -25,8 +25,7 @@ import { takeUntil } from 'rxjs/operators';

@Component({
    selector: 'adf-cloud-process-filters',
-    templateUrl: './process-filters-cloud.component.html',
-    styleUrls: ['process-filters-cloud.component.scss']
+    templateUrl: './process-filters-cloud.component.html'
 })
 export class ProcessFiltersCloudComponent implements OnInit, OnChanges, OnDestroy {

--- a/lib/process-services-cloud/src/lib/process/process-list/components/process-list-cloud.component.scss
+++ b/lib/process-services-cloud/src/lib/process/process-list/components/process-list-cloud.component.scss
@@ -1,19 +1,13 @@
-@mixin adf-cloud-process-filters-theme($theme) {
-
-    .adf {
-
-        &-cloud-process-list-loading-margin {
-            margin-left: calc((100% - 100px) / 2);
-            margin-right: calc((100% - 100px) / 2);
-        }
-    }
-
-
-    .adf-no-content-message {
-        font-size: 16px;
-        font-weight: bold;
-        text-align: center;
-        opacity: 0.54;
+.adf {
+    &-cloud-process-list-loading-margin {
+        margin-left: calc((100% - 100px) / 2);
+        margin-right: calc((100% - 100px) / 2);
    }
 }

+.adf-no-content-message {
+    font-size: 16px;
+    font-weight: bold;
+    text-align: center;
+    opacity: 0.54;
+}
--- a/lib/process-services-cloud/src/lib/styles/_index.scss
+++ b/lib/process-services-cloud/src/lib/styles/_index.scss
@@ -1,8 +1,6 @@
@import './../app/components/app-details-cloud.component';
-@import './../app/components/app-list-cloud.component';
@import './../group/components/group-cloud.component';
@import './../people/components/people-cloud.component.scss';
-@import './../process/process-list/components/process-list-cloud.component.scss';
@import './../process/process-filters/components/edit-process-filter-cloud.component.scss';
@import './../task/task-form/components/task-form-cloud.component';
@import './../task/start-task/components/start-task-cloud.component.scss';
@@ -13,12 +11,10 @@


@mixin adf-process-services-cloud-theme($theme) {
-    @include adf-cloud-app-list-theme($theme);
    @include adf-cloud-app-details-theme($theme);
    @include adf-cloud-task-filters-theme($theme);
    @include adf-cloud-edit-task-filters-theme($theme);
    @include adf-cloud-edit-process-filter-theme($theme);
-    @include adf-cloud-process-filters-theme($theme);
    @include adf-cloud-start-task-theme($theme);
    @include adf-cloud-people-theme($theme);
    @include adf-cloud-group-theme($theme);
--- a/lib/process-services-cloud/src/lib/task/start-task/components/start-task-cloud.component.scss
+++ b/lib/process-services-cloud/src/lib/task/start-task/components/start-task-cloud.component.scss
@@ -1,6 +1,4 @@
@mixin adf-cloud-start-task-theme($theme) {
-    $primary: map-get($theme, primary);
-    $accent: map-get($theme, accent);
    $warn: map-get($theme, warn);
    $foreground: map-get($theme, foreground);
    $header-border: 1px solid mat-color($foreground, divider);
--- a/lib/process-services-cloud/src/lib/task/start-task/components/start-task-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/start-task/components/start-task-cloud.component.ts
@@ -38,7 +38,6 @@ import { TaskPriorityOption } from '../../models/task.model';
@Component({
    selector: 'adf-cloud-start-task',
    templateUrl: './start-task-cloud.component.html',
-    styleUrls: ['./start-task-cloud.component.scss'],
    providers: [
        { provide: DateAdapter, useClass: MomentDateAdapter },
        { provide: MAT_DATE_FORMATS, useValue: MOMENT_DATE_FORMATS }],
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/edit-service-task-filter-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/edit-service-task-filter-cloud.component.ts
@@ -32,8 +32,7 @@ import { BaseEditTaskFilterCloudComponent, DropdownOption } from './base-edit-ta

@Component({
    selector: 'adf-cloud-edit-service-task-filter',
-    templateUrl: './base-edit-task-filter-cloud.component.html',
-    styleUrls: ['./base-edit-task-filter-cloud.component.scss']
+    templateUrl: './base-edit-task-filter-cloud.component.html'
 })
 export class EditServiceTaskFilterCloudComponent extends BaseEditTaskFilterCloudComponent<ServiceTaskFilterCloudModel> {
    constructor(
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/edit-task-filter-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/edit-task-filter-cloud.component.ts
@@ -34,8 +34,7 @@ import { BaseEditTaskFilterCloudComponent, DropdownOption } from './base-edit-ta

@Component({
    selector: 'adf-cloud-edit-task-filter',
-    templateUrl: './base-edit-task-filter-cloud.component.html',
-    styleUrls: ['./base-edit-task-filter-cloud.component.scss']
+    templateUrl: './base-edit-task-filter-cloud.component.html'
 })
 export class EditTaskFilterCloudComponent extends BaseEditTaskFilterCloudComponent<TaskFilterCloudModel> {
    constructor(
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/service-task-filters-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/service-task-filters-cloud.component.ts
@@ -25,8 +25,7 @@ import { ServiceTaskFilterCloudService } from '../services/service-task-filter-c

@Component({
    selector: 'adf-cloud-service-task-filters',
-    templateUrl: './base-task-filters-cloud.component.html',
-    styleUrls: ['base-task-filters-cloud.component.scss']
+    templateUrl: './base-task-filters-cloud.component.html'
 })
 export class ServiceTaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent implements OnInit, OnChanges {

--- a/lib/process-services-cloud/src/lib/task/task-filters/components/task-filters-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/task-filters-cloud.component.ts
@@ -27,8 +27,7 @@ import { TaskCloudEngineEvent } from '../../../models/engine-event-cloud.model';

@Component({
    selector: 'adf-cloud-task-filters',
-    templateUrl: './base-task-filters-cloud.component.html',
-    styleUrls: ['base-task-filters-cloud.component.scss']
+    templateUrl: './base-task-filters-cloud.component.html'
 })
 export class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent implements OnInit, OnChanges {

--- a/lib/process-services-cloud/src/lib/task/task-form/components/task-form-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-form/components/task-form-cloud.component.ts
@@ -28,8 +28,7 @@ import { DateCloudWidgetComponent } from '../../../form/components/widgets/date/

@Component({
    selector: 'adf-cloud-task-form',
-    templateUrl: './task-form-cloud.component.html',
-    styleUrls: ['./task-form-cloud.component.scss']
+    templateUrl: './task-form-cloud.component.html'
 })
 export class TaskFormCloudComponent implements OnInit, OnChanges {

--- a/lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.scss
+++ b/lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.scss
@@ -29,7 +29,7 @@
        }
    }

-    @media screen and  ($mat-small) {
+    @media screen and  (max-width: 959px) {
        adf-card-view .adf-property-value {
            text-overflow: ellipsis;
            overflow: hidden;
--- a/lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.ts
@@ -37,8 +37,7 @@ import { TaskCloudService } from '../../services/task-cloud.service';

@Component({
    selector: 'adf-cloud-task-header',
-    templateUrl: './task-header-cloud.component.html',
-    styleUrls: ['./task-header-cloud.component.scss']
+    templateUrl: './task-header-cloud.component.html'
 })
 export class TaskHeaderCloudComponent implements OnInit, OnDestroy, OnChanges {