inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
jacekpluta 2024-04-01 23:56:07 +02:00 committed by VitoAlbano
parent 8ebfb5cc18
commit e93fb4cc8f
3 changed files with 40 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.scss
View File

@ -1,3 +1,10 @@
@import 'styles/mat-selectors';
adf-aspect-list-dialog {
display: block;
padding: 24px 24px 8px 24px;
}
.adf { .adf {
&-aspect-list-dialog-title { &-aspect-list-dialog-title {
font-size: large; font-size: large;
@ -13,21 +20,35 @@
&-aspect-list-dialog-information { &-aspect-list-dialog-information {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-left: 5px; padding-top: 10px;
padding-right: 5px; padding-left: 4px;
padding-right: 4px;
font-size: small; font-size: small;
} }
&-aspect-list-dialog { &-aspect-list-dialog {
justify-content: space-between; justify-content: space-between;
padding-left: 4px;
padding-right: 4px;
padding-top: 0;
#{$mat-dialog-content} {
padding: 0;
}
&::before {
display: none;
}
} }
&-aspect-dialog-content { &-aspect-dialog-content {
padding-top: 3px; padding-top: 3px;
margin-bottom: 8px;
.adf-aspect-property-table { .adf-aspect-property-table {
.adf-aspect-property-table-cell { .adf-aspect-property-table-cell {
font-size: smaller; font-size: smaller;
color: var(--adf-theme-foreground-text-color-087);
} }
.adf-aspect-property-table-column { .adf-aspect-property-table-column {

15
lib/content-services/src/lib/aspect-list/aspect-list.component.scss
View File

@ -1,3 +1,4 @@
@import 'styles/mat-selectors';
$dialog-title-height: 100px; $dialog-title-height: 100px;
$dialog-information-height: 44px; $dialog-information-height: 44px;
$dialog-buttons-height: 68px; $dialog-buttons-height: 68px;
@ -30,6 +31,7 @@ $dialog-list-height: calc(65vh - ($dialog-title-height + $dialog-information-hei
} }
.adf-aspect-list-element-title { .adf-aspect-list-element-title {
font-size: smaller;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -37,8 +39,14 @@ $dialog-list-height: calc(65vh - ($dialog-title-height + $dialog-information-hei
.adf-accordion-aspect-list-expansion-panel { .adf-accordion-aspect-list-expansion-panel {
margin: 0; margin: 0;
#{$mat-checkbox-background} {
height: 16px;
width: 16px;
}
&-header { &-header {
font-size: smaller; font-size: smaller;
padding-left: 16px;
} }
&-header-title { &-header-title {
@ -59,6 +67,13 @@ $dialog-list-height: calc(65vh - ($dialog-title-height + $dialog-information-hei
&-aspect-property-table { &-aspect-property-table {
width: 100%; 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 { .adf-aspect-property-table-column {
&-name { &-name {
width: 15%; width: 15%;

2
lib/core/src/lib/styles/_mat-selectors.scss
View File

@ -89,3 +89,5 @@ $mat-calendar-table-header: '.mat-calendar-table-header';
$mat-calendar-body-disabled: '.mat-calendar-body-disabled'; $mat-calendar-body-disabled: '.mat-calendar-body-disabled';
$mat-toolbar: '.mat-toolbar'; $mat-toolbar: '.mat-toolbar';
$mat-slide-toggle: '.mat-mdc-slide-toggle'; $mat-slide-toggle: '.mat-mdc-slide-toggle';
$mat-checkbox-background: '.mdc-checkbox__background';
$mat-dialog-content: '.mdc-dialog__content';