[ACS-7359] - Angular 15 - Edit aspects modal [ACA] (#9488)

Alfresco · Apr 2, 2024 · 1dcfcdb · 1dcfcdb
1 parent 24b8c99
commit 1dcfcdb
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 2 deletions.
diff --git a/lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.scss b/lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.scss
@@ -1,3 +1,10 @@
+@import 'styles/mat-selectors';
+
+adf-aspect-list-dialog {
+    display: block;
+    padding: 24px 24px 8px 24px;
+}
+
 .adf {
     &-aspect-list-dialog-title {
         font-size: large;
@@ -13,21 +20,35 @@
     &-aspect-list-dialog-information {
         display: flex;
         justify-content: space-between;
-        padding-left: 5px;
-        padding-right: 5px;
+        padding-top: 10px;
+        padding-left: 4px;
+        padding-right: 4px;
         font-size: small;
     }
 
     &-aspect-list-dialog {
         justify-content: space-between;
+        padding-left: 4px;
+        padding-right: 4px;
+        padding-top: 0;
+
+        #{$mat-dialog-content} {
+            padding: 0;
+        }
+
+        &::before {
+            display: none;
+        }
     }
 
     &-aspect-dialog-content {
         padding-top: 3px;
+        margin-bottom: 8px;
 
         .adf-aspect-property-table {
             .adf-aspect-property-table-cell {
                 font-size: smaller;
+                color: var(--adf-theme-foreground-text-color-087);
             }
 
             .adf-aspect-property-table-column {

diff --git a/lib/content-services/src/lib/aspect-list/aspect-list.component.scss b/lib/content-services/src/lib/aspect-list/aspect-list.component.scss
@@ -1,3 +1,5 @@
+@import 'styles/mat-selectors';
+
 .adf {
     &-aspect-list-spinner {
         display: flex;
@@ -19,15 +21,22 @@
         }
 
         .adf-aspect-list-element-title {
+            font-size: smaller;
             display: flex;
             align-items: center;
         }
 
         .adf-accordion-aspect-list-expansion-panel {
             margin: 0;
 
+            #{$mat-checkbox-background} {
+                height: 16px;
+                width: 16px;
+            }
+
             &-header {
                 font-size: smaller;
+                padding-left: 16px;
             }
 
             &-header-title {
@@ -48,6 +57,13 @@
     &-aspect-property-table {
         width: 100%;
 
+        .adf-aspect-property-table-column-name,
+        .adf-aspect-property-table-column-title,
+        .adf-aspect-property-table-column-data-type {
+            font-size: 12px;
+            color: var(--adf-theme-foreground-text-color-054);
+        }
+
         .adf-aspect-property-table-column {
             &-name {
                 width: 15%;

diff --git a/lib/core/src/lib/styles/_mat-selectors.scss b/lib/core/src/lib/styles/_mat-selectors.scss
@@ -89,3 +89,5 @@ $mat-calendar-table-header: '.mat-calendar-table-header';
 $mat-calendar-body-disabled: '.mat-calendar-body-disabled';
 $mat-toolbar: '.mat-toolbar';
 $mat-slide-toggle: '.mat-mdc-slide-toggle';
+$mat-checkbox-background: '.mdc-checkbox__background';
+$mat-dialog-content: '.mdc-dialog__content';