[ACS-7331] - Angular 15 - View details sidebar (#3731)

projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.scss

@@ -0,0 +1,10 @@
+.adf-comments-tab-container {
+  padding: 16px;
+}
+
+.adf-comments-form-field {
+  div:first-child {
+    background-color: transparent;
+    padding: 0;
+  }
+}

projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.ts

@@ -32,9 +32,10 @@ import { NodeCommentsModule } from '@alfresco/adf-content-services';
   standalone: true,
   imports: [MatCardModule, NodeCommentsModule],
   selector: 'app-comments-tab',
-  template: `<mat-card appearance="raised"><adf-node-comments [readOnly]="!canUpdateNode" [nodeId]="node?.id"></adf-node-comments></mat-card>`,
+  template: `<mat-card class="adf-comments-tab-container" appearance="raised"><adf-node-comments [readOnly]="!canUpdateNode" [nodeId]="node?.id"></adf-node-comments></mat-card>`,
   styles: ['app-comments-tab mat-card { padding: 16px }'],
-  encapsulation: ViewEncapsulation.None
+  encapsulation: ViewEncapsulation.None,
+  styleUrls: ['./comments-tab.component.scss']
 })
 export class CommentsTabComponent implements OnInit {
   @Input()

projects/aca-content/src/lib/ui/overrides/ay11.scss

@@ -38,6 +38,10 @@
     background-color: transparent;
   }
 
+  .mdc-menu-surface.mat-mdc-select-panel:is(div) {
+    padding: 0;
+  }
+
   .adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-selected.mat-icon > svg {
     fill: var(--theme-blue-button-color);
   }

projects/aca-content/src/lib/ui/theme.scss

@@ -18,6 +18,11 @@ mat-icon {
   color: var(--theme-secondary-text);
 }
 
+.mdc-text-field--filled:not(.mdc-text-field--disabled) {
+  background-color: transparent;
+  padding: 0;
+}
+
 .mat-mdc-button > .mat-icon {
   padding: 0;
 }