From 5afc9a7ca1573e9b4ce8cd22894ba07932096b27 Mon Sep 17 00:00:00 2001 From: SheenaMalhotra182 Date: Fri, 14 Oct 2022 10:52:39 +0530 Subject: [PATCH] added design changes for About Component --- .../about-extension-list.component.html | 6 ++--- .../about-extension-list.component.ts | 4 ++-- .../about-github-link.component.html | 6 ++--- .../about-github-link.component.ts | 1 + .../about-license-list.component.html | 6 ++--- .../module-list.component.html | 6 ++--- .../about-package/package-list.component.html | 6 ++--- .../about-platform-version.component.html | 6 ++--- .../about-server-settings.component.html | 6 ++--- .../about-server-settings.component.ts | 1 + .../about-status-list.component.html | 6 ++--- .../about-status-list.component.scss | 22 +++++++++---------- 12 files changed, 39 insertions(+), 37 deletions(-) diff --git a/lib/core/src/lib/about/about-extension-list/about-extension-list.component.html b/lib/core/src/lib/about/about-extension-list/about-extension-list.component.html index d95b1f82fa..ad8974068f 100644 --- a/lib/core/src/lib/about/about-extension-list/about-extension-list.component.html +++ b/lib/core/src/lib/about/about-extension-list/about-extension-list.component.html @@ -4,7 +4,7 @@
- + {{ dropdownExpandedStatus ? 'expand_more' : 'chevron_right'}} {{ 'ABOUT.PLUGINS.TITLE' | translate }} @@ -13,10 +13,10 @@
- + -
+
diff --git a/lib/core/src/lib/about/about-extension-list/about-extension-list.component.ts b/lib/core/src/lib/about/about-extension-list/about-extension-list.component.ts index 3336145d4d..6a66ae6c28 100644 --- a/lib/core/src/lib/about/about-extension-list/about-extension-list.component.ts +++ b/lib/core/src/lib/about/about-extension-list/about-extension-list.component.ts @@ -24,8 +24,8 @@ import { ExtensionRef } from "@alfresco/adf-extensions"; @Component({ selector: 'adf-about-extension-list', - templateUrl: './about-extension-list.component.htm', - styleUrls: ['./about-extention-list.component.scss'], + templateUrl: './about-extension-list.component.html', + styleUrls: ['./about-extension-list.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush, }) export class AboutExtensionListComponent { diff --git a/lib/core/src/lib/about/about-github-link/about-github-link.component.html b/lib/core/src/lib/about/about-github-link/about-github-link.component.html index 3fb18e0663..4f0c4ca86e 100644 --- a/lib/core/src/lib/about/about-github-link/about-github-link.component.html +++ b/lib/core/src/lib/about/about-github-link/about-github-link.component.html @@ -4,7 +4,7 @@
- + {{ dropdownExpandedStatus ? 'expand_more' : 'chevron_right'}} {{ 'ABOUT.SOURCE_CODE.TITLE' | translate }}
@@ -12,10 +12,10 @@
- + -
+
diff --git a/lib/core/src/lib/about/about-github-link/about-github-link.component.ts b/lib/core/src/lib/about/about-github-link/about-github-link.component.ts index 7ec18b80a0..8764dc32b6 100644 --- a/lib/core/src/lib/about/about-github-link/about-github-link.component.ts +++ b/lib/core/src/lib/about/about-github-link/about-github-link.component.ts @@ -20,6 +20,7 @@ import { Component, Input } from '@angular/core'; @Component({ selector: 'adf-about-github-link', templateUrl: './about-github-link.component.html', + styleUrls: ['./about-github-link.component.scss'], }) export class AboutGithubLinkComponent { /** Commit corresponding to the version of ADF to be used. */ diff --git a/lib/core/src/lib/about/about-license-list/about-license-list.component.html b/lib/core/src/lib/about/about-license-list/about-license-list.component.html index 710f2fa6cb..bc8324c215 100644 --- a/lib/core/src/lib/about/about-license-list/about-license-list.component.html +++ b/lib/core/src/lib/about/about-license-list/about-license-list.component.html @@ -4,7 +4,7 @@
- + {{ dropdownExpandedStatus ? 'expand_more' : 'chevron_right'}} {{ 'ABOUT.LICENSE.TITLE' | translate }} @@ -13,10 +13,10 @@
- + -
+
diff --git a/lib/core/src/lib/about/about-module-list/module-list.component.html b/lib/core/src/lib/about/about-module-list/module-list.component.html index fff39bbfe0..2e7b8206d6 100644 --- a/lib/core/src/lib/about/about-module-list/module-list.component.html +++ b/lib/core/src/lib/about/about-module-list/module-list.component.html @@ -4,7 +4,7 @@
- + {{ dropdownExpandedStatus ? 'expand_more' : 'chevron_right'}} {{ 'ABOUT.MODULES.TITLE' | translate }} @@ -13,10 +13,10 @@
- + -
+
diff --git a/lib/core/src/lib/about/about-package/package-list.component.html b/lib/core/src/lib/about/about-package/package-list.component.html index 54c46b24df..5f93e6050b 100644 --- a/lib/core/src/lib/about/about-package/package-list.component.html +++ b/lib/core/src/lib/about/about-package/package-list.component.html @@ -4,7 +4,7 @@
- + {{ dropdownExpandedStatus ? 'expand_more' : 'chevron_right'}} {{ 'ABOUT.PACKAGES.TITLE' | translate }} @@ -13,10 +13,10 @@
- + -
+
diff --git a/lib/core/src/lib/about/about-platform-version/about-platform-version.component.html b/lib/core/src/lib/about/about-platform-version/about-platform-version.component.html index 562c9d4a82..c9760c1ba2 100644 --- a/lib/core/src/lib/about/about-platform-version/about-platform-version.component.html +++ b/lib/core/src/lib/about/about-platform-version/about-platform-version.component.html @@ -4,7 +4,7 @@
- + {{ dropdownExpandedStatus ? 'expand_more' : 'chevron_right'}} {{ 'ABOUT.VERSIONS.TITLE' | translate }}
@@ -12,10 +12,10 @@
- + -
+
diff --git a/lib/core/src/lib/about/about-server-settings/about-server-settings.component.html b/lib/core/src/lib/about/about-server-settings/about-server-settings.component.html index 1f5a2b7661..5f3eaf026b 100644 --- a/lib/core/src/lib/about/about-server-settings/about-server-settings.component.html +++ b/lib/core/src/lib/about/about-server-settings/about-server-settings.component.html @@ -3,7 +3,7 @@
- + {{ dropdownExpandedStatus ? 'expand_more' : 'chevron_right'}} {{ 'ABOUT.SERVER_SETTINGS.TITLE' | translate }}
@@ -11,10 +11,10 @@
- + -
+
diff --git a/lib/core/src/lib/about/about-server-settings/about-server-settings.component.ts b/lib/core/src/lib/about/about-server-settings/about-server-settings.component.ts index 1495195fd7..c84e5ee00e 100644 --- a/lib/core/src/lib/about/about-server-settings/about-server-settings.component.ts +++ b/lib/core/src/lib/about/about-server-settings/about-server-settings.component.ts @@ -21,6 +21,7 @@ import { AppConfigService, AppConfigValues } from '../../app-config/app-config.s @Component({ selector: 'adf-about-server-settings', templateUrl: './about-server-settings.component.html', + styleUrls: ['./about-server-settings.component.scss'], }) export class AboutServerSettingsComponent implements OnInit { ecmHost = ''; diff --git a/lib/core/src/lib/about/about-status-list/about-status-list.component.html b/lib/core/src/lib/about/about-status-list/about-status-list.component.html index d02d98dfcb..e937a6b019 100644 --- a/lib/core/src/lib/about/about-status-list/about-status-list.component.html +++ b/lib/core/src/lib/about/about-status-list/about-status-list.component.html @@ -4,7 +4,7 @@
- + {{ dropdownExpandedStatus ? 'expand_more' : 'chevron_right'}} {{ 'ABOUT.STATUS.TITLE' | translate }} @@ -13,10 +13,10 @@
- + -
+
diff --git a/lib/core/src/lib/about/about-status-list/about-status-list.component.scss b/lib/core/src/lib/about/about-status-list/about-status-list.component.scss index ab72f1767d..f1d3289628 100644 --- a/lib/core/src/lib/about/about-status-list/about-status-list.component.scss +++ b/lib/core/src/lib/about/about-status-list/about-status-list.component.scss @@ -27,27 +27,27 @@ mat-cell { } -.app-extension-list-container { +.app-status-list-container { margin: 0px 0px -24px 0px; overflow: hidden; height: 100%; width: 100%; } -.app-extension-list-row { +.app-status-list-row { margin: 24px 24px 24px 24px; width: 95%; border: 1px solid rgba(33, 33, 33, 0.12); border-radius: 12px; } -.app-extension-list-heading { +.app-status-list-heading { display: flex; padding-left: 1rem; } -.app-extension-list-div { +.app-status-list-div { display: flex; width: 60%; cursor: pointer; @@ -55,13 +55,13 @@ mat-cell { padding: 24px 0px; } -.app-extension-list-icon { +.app-status-list-icon { padding-top: 4px; cursor: pointer; color: var(--theme-grey-color); } -.app-extension-list-title { +.app-status-list-title { margin-left: 0.6rem; margin-top: 4px; letter-spacing: .15px; @@ -71,17 +71,17 @@ mat-cell { line-height: 24px; } -.app-extension-list-divider { - border: 1px solid rgba(33, 33, 33, 0.12); +.app-status-list-divider { + color: rgba(33, 33, 33, 0.12); padding-left: -1px; padding-right: 1px; } -.app-extension-list-dropdown { +.app-status-list-dropdown { padding: 0rem 1rem; } -.app-extension-list-dropdown-heading { +.app-status-list-dropdown-heading { display: flex; color: var(--theme-heading-color); width: 100%; @@ -92,7 +92,7 @@ mat-cell { letter-spacing: .25px; } -.app-extension-list-dropdown-details { +.app-status-list-dropdown-details { color: var(--theme-heading-color); width: 100%; font-style: normal;