[ACS-5540] added tooltips

projects/aca-content/assets/i18n/en.json

@@ -395,7 +395,7 @@
         },
         "INFO_DRAWER": {
             "TITLE": "Details",
-            "CLOSE": "Close",
+            "REDUCE_PANEL": "Reduce panel",
             "DATA_LOADING": "Data is loading",
             "TABS": {
                 "PROPERTIES": "Properties",
@@ -403,7 +403,7 @@
                 "VERSIONS": "Versions",
                 "COMMENTS": "Comments",
                 "PERMISSIONS": "Permissions",
-                "EXPAND": "Expand"
+                "EXPAND": "Expand panel"
             }
         },
         "TOOLTIPS": {

projects/aca-content/src/lib/components/details/details.component.html

@@ -18,7 +18,7 @@
                 class="aca-close-details-button"
                 mat-icon-button
                 data-automation-id="close-library"
-                title="{{ 'APP.INFO_DRAWER.CLOSE' | translate }}"
+                title="{{ 'APP.INFO_DRAWER.REDUCE_PANEL' | translate }}"
                 (click)="goBack()">
                 <mat-icon>fullscreen_exit</mat-icon>
           </button>

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

@@ -38,6 +38,7 @@ $disabled-chip-background-color: #f5f5f5;
 $contrast-gray: #646569;
 $metadata-property-panel-border-color: rgba(0, 0, 0, 0.12);
 $metadata-buttons-background-color: rgba(33, 33, 33, 0.05);
+$metadata-action-button-clear-color: #212328b2;
 
 // CSS Variables
 $defaults: (
@@ -80,7 +81,8 @@ $defaults: (
   --theme-disabled-chip-background-color: $disabled-chip-background-color,
   --theme-contrast-gray: $contrast-gray,
   --theme-metadata-property-panel-border-color: $metadata-property-panel-border-color,
-  --theme-metadata-buttons-background-color: $metadata-buttons-background-color
+  --theme-metadata-buttons-background-color: $metadata-buttons-background-color,
+  --theme-metadata-action-button-clear-color: $metadata-action-button-clear-color
 );
 
 // propagates SCSS variables into the CSS variables scope